ਗਾਈਡਾਂ

ਆਪਣੀ ਐਪ ਵਿੱਚ ਨਕਸ਼ੇ ਕਿਵੇਂ ਜੋੜੀਏ: ਏਮਬੈੱਡ, ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ੇ ਅਤੇ ਸਟੋਰ ਲੋਕੇਟਰ

ਆਪਣੀ ਐਪ ਵਿੱਚ ਨਕਸ਼ਾ ਜੋੜਨ ਲਈ, ਪਹਿਲਾਂ ਤੈਅ ਕਰੋ ਕਿ ਤੁਹਾਨੂੰ ਸਥਿਰ ਏਮਬੈੱਡ (ਇੱਕ ਥਾਂ ਪਿੰਨ ਨਾਲ, ਜਿਵੇਂ "ਸਾਡੀ ਦੁਕਾਨ ਲੱਭੋ") ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਾ (ਤੁਹਾਡੇ ਡੇਟਾ ਤੋਂ ਕਈ ਪਿੰਨ, ਫਿਲਟਰ, ਕਲੱਸਟਰਿੰਗ, "ਨੇੜੇ ਵਾਲੇ")। ਇੱਕ ਥਾਂ ਲਈ ਏਮਬੈੱਡ ਸਭ ਤੋਂ ਜਲਦੀ ਹੈ ਅਤੇ Google ਦੇ Maps Embed API ਨਾਲ ਮੁਫ਼ਤ ਹੈ। ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਿਆਂ ਲਈ ਇੱਕ JavaScript ਨਕਸ਼ਾ ਲਾਇਬ੍ਰੇਰੀ ਵਰਤੋ, ਜਿਵੇਂ Google Maps JavaScript API, Mapbox GL JS, ਜਾਂ ਓਪਨ-ਸੋਰਸ Leaflet ਇੱਕ ਟਾਈਲ ਪ੍ਰਦਾਤਾ ਨਾਲ। ਹਰ ਥਾਂ ਦਾ ਅਕਸ਼ਾਂਸ਼ ਅਤੇ ਦੇਸ਼ਾਂਤਰ ਆਪਣੇ ਡੇਟਾਬੇਸ ਵਿੱਚ ਰੱਖੋ, ਅਤੇ ਆਪਣੀ API ਕੀ ਨੂੰ ਆਪਣੇ ਡੋਮੇਨ ਤੱਕ ਸੀਮਤ ਕਰੋ। ਹੇਠਾਂ ਦੇ ਵਿਕਰੇਤਾ ਵੇਰਵੇ ਹਰ ਪ੍ਰਦਾਤਾ ਦੇ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ਾਂ ਤੋਂ ਸਤੰਬਰ 2026 ਤੱਕ ਦੇ ਹਨ।

ਤੁਹਾਨੂੰ ਕਿਸ ਕਿਸਮ ਦਾ ਨਕਸ਼ਾ ਚਾਹੀਦਾ ਹੈ?

ਲੋੜਉਦਾਹਰਣਸਭ ਤੋਂ ਸਧਾਰਨ ਤਰੀਕਾ
ਇੱਕ ਥਾਂਇੱਕ ਕੈਫੇ ਦਾ ਸੰਪਰਕ ਪੇਜਏਮਬੈੱਡ ਕੀਤਾ ਨਕਸ਼ਾ
ਕੁਝ ਸਥਿਰ ਥਾਂਵਾਂਤਿੰਨ ਸ਼ਾਖਾਵਾਂਹਰ ਸ਼ਾਖਾ ਲਈ ਏਮਬੈੱਡ, ਜਾਂ ਇੱਕ ਛੋਟਾ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਾ
ਤੁਹਾਡੇ ਡੇਟਾ ਤੋਂ ਬਹੁਤ ਸਾਰੀਆਂ ਥਾਂਵਾਂਡਾਇਰੈਕਟਰੀ, ਜਾਇਦਾਦ ਦੀਆਂ ਲਿਸਟਿੰਗਾਂ, ਇਵੈਂਟਤੁਹਾਡੇ ਡੇਟਾਬੇਸ ਦੇ ਮਾਰਕਰਾਂ ਵਾਲਾ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਾ
ਦੂਰੀ ਨਾਲ ਖੋਜ"10 km ਵਿੱਚ ਕਲੀਨਿਕ"ਸੰਭਾਲੇ ਨਿਰਦੇਸ਼ਾਂਕ ਅਤੇ ਦੂਰੀ ਦੀ ਕਵੇਰੀ
ਰੂਟ ਜਾਂ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ਡਿਲੀਵਰੀ ਜ਼ੋਨ, "ਦਿਸ਼ਾ ਪ੍ਰਾਪਤ ਕਰੋ"ਇੱਕ ਦਿਸ਼ਾ ਲਿੰਕ, ਜਾਂ ਇੱਕ ਰੂਟਿੰਗ API

ਜ਼ਿਆਦਾਤਰ ਛੋਟੀਆਂ ਕਾਰੋਬਾਰੀ ਸਾਈਟਾਂ ਨੂੰ ਸਿਰਫ਼ ਪਹਿਲੀ ਕਤਾਰ ਚਾਹੀਦੀ ਹੈ। ਡਾਇਰੈਕਟਰੀਆਂ, ਬਾਜ਼ਾਰਾਂ ਅਤੇ ਲਿਸਟਿੰਗ ਸਾਈਟਾਂ ਨੂੰ ਤੀਜੀ ਅਤੇ ਚੌਥੀ ਕਤਾਰ ਚਾਹੀਦੀ ਹੈ।

ਤੁਹਾਡੇ ਵਿਕਲਪ

ਵਿਕਲਪਇਹ ਕੀ ਹੈਖਰਚੇ ਦੇ ਨੋਟ (ਸਤੰਬਰ 2026 ਤੱਕ)ਕਿਸ ਲਈ ਚੰਗਾ
Google Maps Embed APIਕਿਸੇ ਥਾਂ ਜਾਂ ਖੋਜ ਨੂੰ ਦਿਖਾਉਂਦਾ iframeGoogle ਦੇ ਦਸਤਾਵੇਜ਼: ਸਾਰੀਆਂ ਬੇਨਤੀਆਂ ਬਿਨਾਂ ਸੀਮਾ ਦੇ ਮੁਫ਼ਤ; API ਕੀ ਚਾਹੀਦੀ ਹੈਇੱਕ ਪੇਜ 'ਤੇ ਇੱਕ ਥਾਂ
Google Maps JavaScript APIਪੂਰੀ ਤਰ੍ਹਾਂ ਇੰਟਰਐਕਟਿਵ Google ਨਕਸ਼ਾDynamic Maps: ਮਹੀਨੇ ਦੇ 10,000 ਮੁਫ਼ਤ ਇਵੈਂਟ, ਫਿਰ ਹਰ 1,000 'ਤੇ ਭੁਗਤਾਨਜਾਣਿਆ ਦਿੱਖ, Google ਦਾ ਥਾਂ ਡੇਟਾ
Mapbox GL JSਕਸਟਮ ਸਟਾਈਲ ਵਾਲੇ ਇੰਟਰਐਕਟਿਵ ਵੈਕਟਰ ਨਕਸ਼ੇMapbox ਮਹੀਨੇ ਦੇ 50,000 ਮੁਫ਼ਤ ਵੈੱਬ ਨਕਸ਼ਾ ਲੋਡ ਦੱਸਦਾ ਹੈ, ਫਿਰ ਹਰ 1,000 ਲਈ $5.00ਕਸਟਮ ਸਟਾਈਲ ਵਾਲੇ ਨਕਸ਼ੇ
Leaflet + ਟਾਈਲਾਂਓਪਨ-ਸੋਰਸ ਨਕਸ਼ਾ ਲਾਇਬ੍ਰੇਰੀ; ਤੁਸੀਂ ਟਾਈਲ ਸਰੋਤ ਚੁਣਦੇ ਹੋLeaflet ਆਪ ਮੁਫ਼ਤ ਹੈ; ਟਾਈਲਾਂ ਪ੍ਰਦਾਤਾ 'ਤੇ ਨਿਰਭਰਹਲਕੇ ਨਕਸ਼ੇ, ਲਾਕ-ਇਨ ਤੋਂ ਬਚਣਾ

Google Maps Platform

Google ਦੀ ਸ਼ੁਰੂਆਤੀ ਗਾਈਡ ਕਹਿੰਦੀ ਹੈ ਕਿ ਤੁਹਾਨੂੰ ਇੱਕ ਬਿਲਿੰਗ-ਚਾਲੂ Cloud ਪ੍ਰੋਜੈਕਟ ਬਣਾਉਣਾ ਪਵੇਗਾ ਅਤੇ ਜਿਹੜੀਆਂ APIs ਚਾਹੀਦੀਆਂ ਹਨ ਉਹ ਚਾਲੂ ਕਰਨੀਆਂ ਪੈਣਗੀਆਂ। ਇਸਦੀ pay-as-you-go ਕੀਮਤ ਵਿੱਚ Essentials SKUs ਸ਼ਾਮਲ ਹਨ, ਜਿਨ੍ਹਾਂ ਵਿੱਚ Dynamic Maps ਵੀ ਹੈ, ਜਿਸਦੀ ਮਹੀਨੇ ਦੀ 10,000 ਇਵੈਂਟਾਂ ਦੀ ਮੁਫ਼ਤ ਹੱਦ ਹੈ, ਅਤੇ ਉਸ ਤੋਂ ਉੱਪਰ Dynamic Maps ਦੀ ਕੀਮਤ $7.00 ਪ੍ਰਤੀ 1,000 ਇਵੈਂਟ (ਪਹਿਲੇ ਵਾਲੀਅਮ ਟੀਅਰ 'ਤੇ) ਦੱਸੀ ਗਈ ਹੈ। Maps Embed SKU ਨੂੰ ਬਿਨਾਂ ਸੀਮਾ ਅਤੇ ਮੁਫ਼ਤ ਦੱਸਿਆ ਗਿਆ ਹੈ। Google ਮਹੀਨਾਵਾਰ ਸਬਸਕ੍ਰਿਪਸ਼ਨ ਪਲਾਨ ਵੀ ਵੇਚਦਾ ਹੈ। ਮੌਜੂਦਾ ਅੰਕੜਿਆਂ ਲਈ Google Maps Platform pricing ਦੇਖੋ।

Mapbox

Mapbox ਦੇ ਕੀਮਤ ਪੰਨੇ 'ਤੇ Mapbox GL JS ਲਈ ਵੈੱਬ 'ਤੇ ਮਹੀਨੇ ਦੇ 50,000 ਮੁਫ਼ਤ ਨਕਸ਼ਾ ਲੋਡ ਦਿਖਾਏ ਗਏ ਹਨ, ਫਿਰ ਹਰ 1,000 ਲਈ $5.00। ਦੇਖੋ Mapbox pricing।

Leaflet ਅਤੇ OpenStreetMap

Leaflet ਆਪਣੇ ਆਪ ਨੂੰ ਮੋਬਾਈਲ-ਅਨੁਕੂਲ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਿਆਂ ਲਈ ਓਪਨ-ਸੋਰਸ JavaScript ਲਾਇਬ੍ਰੇਰੀ ਦੱਸਦਾ ਹੈ, ਲਗਭਗ 42 KB JavaScript। ਇਸਨੂੰ ਨਕਸ਼ੇ ਦੀਆਂ ਟਾਈਲਾਂ (ਨਕਸ਼ੇ ਦੀਆਂ ਤਸਵੀਰਾਂ) ਕਿਤੋਂ ਚਾਹੀਦੀਆਂ ਹਨ। OpenStreetMap ਦੇ ਜਨਤਕ ਟਾਈਲ ਸਰਵਰ ਲੁਭਾਉਣੇ ਲੱਗਦੇ ਹਨ, ਪਰ ਟਾਈਲ ਵਰਤੋਂ ਨੀਤੀ ਦਿਸਣ ਵਾਲੀ attribution ਮੰਗਦੀ ਹੈ, ਥੋਕ ਡਾਊਨਲੋਡ ਮਨ੍ਹਾ ਕਰਦੀ ਹੈ, ਕੋਈ ਸੇਵਾ ਗਾਰੰਟੀ ਨਹੀਂ ਦਿੰਦੀ, ਅਤੇ ਵਪਾਰਕ ਸੇਵਾਵਾਂ ਨੂੰ ਚੇਤਾਵਨੀ ਦਿੰਦੀ ਹੈ ਕਿ ਪਹੁੰਚ ਵਾਪਸ ਲਈ ਜਾ ਸਕਦੀ ਹੈ। ਅਸਲ ਉਤਪਾਦ ਲਈ ਇੱਕ ਵਪਾਰਕ ਜਾਂ ਖੁਦ ਹੋਸਟ ਕੀਤਾ ਟਾਈਲ ਸਰੋਤ ਵਰਤੋ ਜੋ Leaflet ਨਾਲ ਕੰਮ ਕਰੇ।

API ਕੀਆਂ: ਜਨਤਕ, ਪਰ ਸੀਮਤ

ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਵਰਤੀਆਂ ਨਕਸ਼ਾ ਕੀਆਂ ਤੁਹਾਡਾ ਪੇਜ ਖੋਲ੍ਹਣ ਵਾਲੇ ਕਿਸੇ ਨੂੰ ਵੀ ਦਿਖਦੀਆਂ ਹਨ। ਇਹ ਉਮੀਦ ਅਨੁਸਾਰ ਹੈ, ਪਰ ਇਸਦਾ ਮਤਲਬ ਹੈ ਕਿ ਕੋਈ ਤੁਹਾਡੀ ਕੀ ਕਾਪੀ ਕਰਕੇ ਆਪਣੀ ਸਾਈਟ 'ਤੇ ਵਰਤ ਸਕਦਾ ਹੈ ਅਤੇ ਤੁਹਾਡਾ ਬਿੱਲ ਵਧਾ ਸਕਦਾ ਹੈ। Google ਦੀ ਸੁਰੱਖਿਆ ਮਾਰਗਦਰਸ਼ਨ ਹੈ ਕਿ HTTP referrer ਸੀਮਾਵਾਂ ਜੋੜੋ ਜਿਨ੍ਹਾਂ ਵਿੱਚ ਤੁਹਾਡੇ ਡੋਮੇਨ ਹੋਣ, ਅਤੇ API ਸੀਮਾਵਾਂ ਜੋ ਕੀ ਨੂੰ ਸਿਰਫ਼ ਵਰਤੀਆਂ APIs ਲਈ ਕੰਮ ਕਰਨ ਦੇਣ।

ਸਰਵਰ ਸੇਵਾਵਾਂ ਦੀਆਂ ਕੀਆਂ, ਜਿਵੇਂ ਹਜ਼ਾਰਾਂ ਪਤਿਆਂ ਦੀ ਜਿਓਕੋਡਿੰਗ, ਵੱਖਰੀਆਂ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ ਅਤੇ ਸਰਵਰ-ਸਾਈਡ ਸੀਕ੍ਰੇਟਾਂ ਵਿੱਚ ਰਹਿਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ, ਪੇਜ ਵਿੱਚ ਨਹੀਂ। ਨਾਲ ਹੀ ਪ੍ਰਦਾਤਾ ਦੇ ਕੰਸੋਲ ਵਿੱਚ ਬਜਟ ਅਲਰਟ ਜਾਂ ਕੋਟਾ ਲਾਓ, ਤਾਂ ਕਿ ਕੋਈ ਗਲਤੀ ਵੱਡੇ ਬਿੱਲ ਵਿੱਚ ਨਾ ਬਦਲੇ।

ਜਿਓਕੋਡਿੰਗ: ਪਤਿਆਂ ਨੂੰ ਇੱਕ ਵਾਰ ਨਿਰਦੇਸ਼ਾਂਕਾਂ ਵਿੱਚ ਬਦਲੋ

ਨਕਸ਼ੇ ਅਕਸ਼ਾਂਸ਼ ਅਤੇ ਦੇਸ਼ਾਂਤਰ ਨੂੰ ਪਲਾਟ ਕਰਦੇ ਹਨ, ਪਤੇ ਨੂੰ ਨਹੀਂ। ਪਤੇ ਨੂੰ ਨਿਰਦੇਸ਼ਾਂਕਾਂ ਵਿੱਚ ਬਦਲਣ ਨੂੰ ਜਿਓਕੋਡਿੰਗ ਕਹਿੰਦੇ ਹਨ, ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਪ੍ਰਦਾਤਾ ਇਸਦਾ ਖਰਚਾ ਹਰ ਬੇਨਤੀ ਲਈ ਲੈਂਦੇ ਹਨ। ਕੁਸ਼ਲ ਤਰੀਕਾ ਇਹ ਹੈ:

  1. ਜਦੋਂ ਲਿਸਟਿੰਗ ਸੇਵ ਹੋਵੇ, ਉਸਦਾ ਪਤਾ ਸਰਵਰ 'ਤੇ ਜਿਓਕੋਡ ਕਰੋ।
  2. ਅਕਸ਼ਾਂਸ਼ ਅਤੇ ਦੇਸ਼ਾਂਤਰ ਡੇਟਾਬੇਸ ਵਿੱਚ ਸੇਵ ਕਰੋ।
  3. ਨਕਸ਼ਾ ਸੰਭਾਲੇ ਨਿਰਦੇਸ਼ਾਂਕ ਪੜ੍ਹਦਾ ਹੈ; ਉਹ ਪੇਜ ਵਿਊ 'ਤੇ ਕਦੇ ਜਿਓਕੋਡ ਨਹੀਂ ਕਰਦਾ।

ਹਰ ਪ੍ਰਦਾਤਾ ਦੀਆਂ ਸ਼ਰਤਾਂ ਜਾਂਚੋ ਕਿ ਜਿਓਕੋਡਿੰਗ ਦੇ ਨਤੀਜੇ ਕਿੰਨੀ ਦੇਰ ਸਟੋਰ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਹੈ; ਉਹ ਵੱਖਰੇ ਹਨ।

ਉਦਾਹਰਣ ਪ੍ਰੋਂਪਟ

ਇੱਕ ਏਮਬੈੱਡ ਕੀਤਾ ਨਕਸ਼ਾ:

ਸੰਪਰਕ ਪੇਜ 'ਤੇ, Maps Embed API ਨਾਲ ਇੱਕ ਏਮਬੈੱਡ Google ਨਕਸ਼ਾ ਜੋੜੋ ਜੋ ਸਾਡਾ ਪਤਾ (12 High Street, Leeds) ਦਿਖਾਏ, ਕੀ GOOGLE_MAPS_EMBED_KEY ਵਿੱਚ। ਹੇਠਾਂ "Get directions" ਲਿੰਕ ਜੋੜੋ। ਫ਼ੋਨਾਂ 'ਤੇ ਪੂਰੀ ਚੌੜਾਈ ਬਣਾਓ ਅਤੇ ਇਸਨੂੰ lazy-load ਕਰੋ।

ਇੱਕ ਇੰਟਰਐਕਟਿਵ ਲਿਸਟਿੰਗ ਨਕਸ਼ਾ:

listings ਟੇਬਲ ਵਿੱਚ ਅਕਸ਼ਾਂਸ਼ ਅਤੇ ਦੇਸ਼ਾਂਤਰ ਜੋੜੋ। ਜਦੋਂ ਲਿਸਟਿੰਗ ਬਣੇ ਜਾਂ ਉਸਦਾ ਪਤਾ ਬਦਲੇ, ਤਾਂ GEOCODING_API_KEY ਵਿੱਚ ਕੀ ਨਾਲ ਸਰਵਰ 'ਤੇ ਉਸਨੂੰ ਜਿਓਕੋਡ ਕਰੋ ਅਤੇ ਨਿਰਦੇਸ਼ਾਂਕ ਸੇਵ ਕਰੋ। Browse ਪੇਜ 'ਤੇ, ਹਰ ਲਿਸਟਿੰਗ ਲਈ ਇੱਕ ਮਾਰਕਰ ਵਾਲਾ ਨਕਸ਼ਾ ਦਿਖਾਓ ਜੋ Leaflet ਨਾਲ ਹੋਵੇ, ਅਤੇ ਜਦੋਂ ਮਾਰਕਰ ਓਵਰਲੈਪ ਹੋਣ ਤਾਂ ਕਲੱਸਟਰਿੰਗ ਹੋਵੇ। ਮਾਰਕਰ 'ਤੇ ਕਲਿੱਕ ਕਰਨ 'ਤੇ ਸਿਰਲੇਖ, ਕੀਮਤ ਅਤੇ ਇੱਕ ਲਿੰਕ ਦਿਖੇ। ਨਕਸ਼ਾ ਅਤੇ ਸੂਚੀ ਇੱਕੋ ਫਿਲਟਰ ਵਰਤਣ।

"ਨੇੜੇ ਮੇਰੇ":

ਇੱਕ "Near me" ਬਟਨ ਜੋੜੋ ਜੋ ਵਿਜ਼ਿਟਰ ਦੀ ਥਾਂ ਮੰਗੇ ਅਤੇ 10 km ਵਿੱਚ ਲਿਸਟਿੰਗਾਂ ਦੂਰੀ ਅਨੁਸਾਰ ਕ੍ਰਮ ਵਿੱਚ ਦਿਖਾਏ। ਜੇ ਉਹ ਥਾਂ ਦੀ ਇਜਾਜ਼ਤ ਨਾ ਦੇਣ, ਤਾਂ ਉਨ੍ਹਾਂ ਨੂੰ ਸ਼ਹਿਰ ਟਾਈਪ ਕਰਨ ਦਿਓ।

ਕਦਮ ਦਰ ਕਦਮ

  1. ਉੱਪਰ ਦੇ ਟੇਬਲ ਤੋਂ ਨਕਸ਼ੇ ਦੀ ਕਿਸਮ ਚੁਣੋ।
  2. ਪ੍ਰਦਾਤਾ ਦਾ ਖਾਤਾ ਅਤੇ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ, ਅਤੇ ਸਿਰਫ਼ ਲੋੜੀਂਦੀਆਂ APIs ਚਾਲੂ ਕਰੋ।
  3. ਕੀਆਂ ਬਣਾਓ: ਤੁਹਾਡੇ ਡੋਮੇਨਾਂ (ਬਣਾਉਣ ਦੌਰਾਨ ਤੁਹਾਡਾ ਪ੍ਰੀਵਿਊ ਡੋਮੇਨ ਸਮੇਤ) ਤੱਕ ਸੀਮਤ ਬ੍ਰਾਊਜ਼ਰ ਕੀ, ਅਤੇ ਜੇ ਲੋੜ ਹੋਵੇ ਤਾਂ ਜਿਓਕੋਡਿੰਗ ਲਈ ਸਰਵਰ ਕੀ।
  4. ਕੀਆਂ ਨੂੰ ਸੀਕ੍ਰੇਟ ਵਜੋਂ ਸੇਵ ਕਰੋ ਅਤੇ ਆਪਣੇ ਬਿਲਡਰ ਨੂੰ ਉਨ੍ਹਾਂ ਦੀ ਵਰਤੋਂ ਲਈ ਕਹੋ; ਬ੍ਰਾਊਜ਼ਰ ਕੀ ਫਿਰ ਵੀ ਪੇਜ ਵਿੱਚ ਜਾਂਦੀ ਹੈ, ਇਸ ਲਈ ਉਹ ਸੀਮਤ ਰਹਿੰਦੀ ਹੈ।
  5. ਹਰ ਥਾਂ ਲਈ ਨਿਰਦੇਸ਼ਾਂਕ ਡੇਟਾਬੇਸ ਵਿੱਚ ਸੇਵ ਕਰੋ।
  6. ਨਕਸ਼ਾ ਬਣਾਓ: ਮਾਰਕਰ, ਪੌਪਅੱਪ, ਕਲੱਸਟਰਿੰਗ, ਅਤੇ ਇੱਕ ਠੀਕ ਡਿਫ਼ਾਲਟ ਜ਼ੂਮ।
  7. ਇਸਨੂੰ ਇੱਕ ਸੂਚੀ ਨਾਲ ਜੋੜੋ। ਇਕੱਲਾ ਨਕਸ਼ਾ ਫ਼ੋਨ 'ਤੇ ਅਤੇ ਸਕਰੀਨ ਰੀਡਰਾਂ ਲਈ ਵਰਤਣਾ ਔਖਾ ਹੈ। ਉਹੀ ਨਤੀਜੇ ਸੂਚੀ ਵਜੋਂ ਦਿਖਾਓ।
  8. ਇੱਕ ਬਜਟ ਅਲਰਟ ਲਾਓ ਪ੍ਰਦਾਤਾ ਕੰਸੋਲ ਵਿੱਚ।
  9. ਲਾਈਵ ਡੋਮੇਨ 'ਤੇ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ ਅਤੇ ਜਾਂਚੋ, ਕਿਉਂਕਿ ਰੈਫਰਰ ਸੀਮਾਵਾਂ ਅਕਸਰ ਲਾਈਵ ਡੋਮੇਨ ਜੋੜਨ ਤੱਕ ਨਕਸ਼ਾ ਬਲੌਕ ਕਰ ਦਿੰਦੀਆਂ ਹਨ।

ਆਮ ਗਲਤੀਆਂ

  • ਬਿਨਾਂ ਸੀਮਾ ਵਾਲੀਆਂ ਕੀਆਂ। ਕੋਈ ਵੀ ਉਨ੍ਹਾਂ ਨੂੰ ਆਪਣੀ ਸਾਈਟ 'ਤੇ ਦੁਬਾਰਾ ਵਰਤ ਸਕਦਾ ਹੈ।
  • ਹਰ ਪੇਜ ਵਿਊ 'ਤੇ ਜਿਓਕੋਡਿੰਗ। ਹੌਲੀ ਅਤੇ ਮਹਿੰਗਾ; ਸੇਵ 'ਤੇ ਇੱਕ ਵਾਰ ਜਿਓਕੋਡ ਕਰੋ।
  • ਲਾਈਵ ਡੋਮੇਨ ਨੂੰ ਕੀ ਸੀਮਾਵਾਂ ਵਿੱਚ ਭੁੱਲਣਾ। ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਚੱਲਦਾ ਹੈ, ਪ੍ਰੋਡਕਸ਼ਨ ਵਿੱਚ ਖਾਲੀ ਸਲੇਟੀ ਡੱਬਾ।
  • ਸਿਰਫ਼ ਨਕਸ਼ੇ ਵਾਲੇ ਲੇਆਉਟ। ਬਿਨਾਂ ਸੂਚੀ ਦੇ ਪਿੰਨ ਛੋਟੀਆਂ ਸਕਰੀਨਾਂ 'ਤੇ ਦੁਖਦਾਈ ਹਨ ਅਤੇ ਪਹੁੰਚਯੋਗ ਨਹੀਂ।
  • ਕਲੱਸਟਰਿੰਗ ਤੋਂ ਬਿਨਾਂ ਸੈਂਕੜੇ ਮਾਰਕਰ। ਪੜ੍ਹੇ ਨਾ ਜਾਣ ਯੋਗ ਅਤੇ ਹੌਲੀ।
  • attribution ਗਾਇਬ। ਜ਼ਿਆਦਾਤਰ ਨਕਸ਼ਾ ਅਤੇ ਟਾਈਲ ਪ੍ਰਦਾਤਾ ਇਸਦੀ ਮੰਗ ਕਰਦੇ ਹਨ, ਅਤੇ ਇਸਨੂੰ ਲੁਕਾਉਣਾ ਉਨ੍ਹਾਂ ਦੀਆਂ ਸ਼ਰਤਾਂ ਤੋੜਦਾ ਹੈ।
  • ਪੇਜ ਲੋਡ 'ਤੇ ਟਿਕਾਣਾ ਮੰਗਣਾ। ਸਿਰਫ਼ ਉਦੋਂ ਪੁੱਛੋ ਜਦੋਂ ਯੂਜ਼ਰ "Near me" 'ਤੇ ਟੈਪ ਕਰੇ।

ਚੈੱਕਲਿਸਟ

  • ਕੰਮ ਲਈ ਸਹੀ ਨਕਸ਼ਾ ਕਿਸਮ ਚੁਣੀ ਗਈ ਹੈ
  • ਬ੍ਰਾਊਜ਼ਰ ਕੀ ਤੁਹਾਡੇ ਡੋਮੇਨਾਂ ਅਤੇ ਲੋੜੀਂਦੀਆਂ APIs ਤੱਕ ਸੀਮਤ ਹੈ
  • ਸਰਵਰ ਕੀਆਂ ਸੀਕ੍ਰੇਟਾਂ ਵਿੱਚ ਰੱਖੀਆਂ ਗਈਆਂ ਹਨ
  • ਨਿਰਦੇਸ਼ਾਂਕ ਡੇਟਾਬੇਸ ਵਿੱਚ ਸੰਭਾਲੇ ਗਏ ਹਨ, ਇੱਕ ਵਾਰ ਜਿਓਕੋਡ ਕੀਤੇ
  • ਨਤੀਜੇ ਸੂਚੀ ਵਜੋਂ ਵੀ ਦਿਖਾਏ ਗਏ ਹਨ
  • ਬਹੁਤ ਸਾਰੇ ਮਾਰਕਰਾਂ ਲਈ ਕਲੱਸਟਰਿੰਗ ਹੈ
  • attribution ਦਿਖਦਾ ਹੈ
  • ਪ੍ਰਦਾਤਾ ਨਾਲ ਬਜਟ ਅਲਰਟ ਲਾਇਆ ਗਿਆ ਹੈ
  • ਪ੍ਰਕਾਸ਼ਿਤ ਡੋਮੇਨ 'ਤੇ ਅਤੇ ਫ਼ੋਨ 'ਤੇ ਟੈਸਟ ਕੀਤਾ ਗਿਆ ਹੈ

Mythex ਨਾਲ ਨਕਸ਼ੇ ਜੋੜਨਾ

Mythex ਵਿੱਚ ਕੋਈ ਬਿਲਟ-ਇਨ ਨਕਸ਼ਾ ਇੰਟੀਗ੍ਰੇਸ਼ਨ ਨਹੀਂ ਹੈ; ਤੁਸੀਂ ਆਪਣੀ ਪ੍ਰਦਾਤਾ ਕੀ ਲਿਆਉਂਦੇ ਹੋ, ਉਸਨੂੰ ਪ੍ਰੋਜੈਕਟ ਸੀਕ੍ਰੇਟ ਵਜੋਂ ਜੋੜਦੇ ਹੋ (ਜਾਂ ਏਜੰਟ ਵੱਲੋਂ ਦਿਖਾਏ ਸੀਕ੍ਰੇਟ ਕਾਰਡ ਵਿੱਚ ਪੇਸਟ ਕਰਦੇ ਹੋ), ਅਤੇ ਚੈਟ ਵਿੱਚ ਨਕਸ਼ਾ ਮੰਗਦੇ ਹੋ, ਜਿਵੇਂ Integrate any API ਵਿੱਚ ਦੱਸਿਆ ਗਿਆ ਹੈ। ਨਿਰਦੇਸ਼ਾਂਕ ਡੇਟਾਬੇਸ ਵਿੱਚ ਜਾਂਦੇ ਹਨ। ਯਾਦ ਰੱਖੋ ਕਿ ਕੀ ਦੀਆਂ ਵੈੱਬਸਾਈਟ ਸੀਮਾਵਾਂ ਵਿੱਚ ਆਪਣਾ ਪ੍ਰੀਵਿਊ ਅਤੇ ਪ੍ਰਕਾਸ਼ਿਤ ਡੋਮੇਨ ਦੋਵੇਂ ਜੋੜੋ, ਅਤੇ ਸੀਕ੍ਰੇਟ ਬਦਲਣ ਤੋਂ ਬਾਅਦ ਦੁਬਾਰਾ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ।

ਨਕਸ਼ੇ ਅਕਸਰ ਖੋਜ ਅਤੇ ਲਿਸਟਿੰਗਾਂ ਦੇ ਨਾਲ ਹੁੰਦੇ ਹਨ: ਦੇਖੋ ਆਪਣੀ ਐਪ ਵਿੱਚ ਖੋਜ ਕਿਵੇਂ ਜੋੜੀਏ, ਡਾਇਰੈਕਟਰੀ ਵੈੱਬਸਾਈਟ ਕਿਵੇਂ ਬਣਾਈਏ ਅਤੇ ਛੋਟੇ ਕਾਰੋਬਾਰ ਦੀ ਵੈੱਬਸਾਈਟ ਕਿਵੇਂ ਬਣਾਈਏ।

ਸਵਾਲ

ਵੈੱਬਸਾਈਟ ਵਿੱਚ ਨਕਸ਼ਾ ਜੋੜਨ ਦਾ ਸਭ ਤੋਂ ਆਸਾਨ ਤਰੀਕਾ ਕੀ ਹੈ?

ਇੱਕ ਪਿੰਨ ਵਾਲਾ ਇੱਕ ਨਕਸ਼ਾ iframe ਵਿੱਚ ਏਮਬੈੱਡ ਕਰੋ, ਜਿਵੇਂ Google ਦੇ Maps Embed API ਨਾਲ। Google ਦੇ ਦਸਤਾਵੇਜ਼ ਕਹਿੰਦੇ ਹਨ ਕਿ Maps Embed ਬੇਨਤੀਆਂ ਬਿਨਾਂ ਸੀਮਾ ਦੇ ਮੁਫ਼ਤ ਹਨ, ਹਾਲਾਂਕਿ ਤੁਹਾਨੂੰ ਫਿਰ ਵੀ ਇੱਕ API ਕੀ ਚਾਹੀਦੀ ਹੈ।

ਕੀ ਐਪ ਵਿੱਚ Google Maps ਮੁਫ਼ਤ ਹੈ?

ਕੁਝ ਹੱਦ ਤੱਕ। ਸਤੰਬਰ 2026 ਤੱਕ, Google ਦੀ pay-as-you-go ਕੀਮਤ ਵਿੱਚ ਹਰ Essentials SKU, ਜਿਸ ਵਿੱਚ Dynamic Maps ਸ਼ਾਮਲ ਹੈ, ਨੂੰ ਮਹੀਨੇ ਵਿੱਚ 10,000 ਮੁਫ਼ਤ ਇਵੈਂਟ ਮਿਲਦੇ ਹਨ, ਅਤੇ Maps Embed ਬਿਨਾਂ ਸੀਮਾ ਤੇ ਮੁਫ਼ਤ ਹੈ। ਸ਼ੁਰੂ ਕਰਨ ਲਈ ਵੀ ਤੁਹਾਨੂੰ ਬਿਲਿੰਗ-ਚਾਲੂ Google Cloud ਪ੍ਰੋਜੈਕਟ ਚਾਹੀਦਾ ਹੈ।

ਕੀ ਮੇਰੀ Google Maps API ਕੀ ਬ੍ਰਾਊਜ਼ਰ ਵਿੱਚ ਰੱਖਣੀ ਸੁਰੱਖਿਅਤ ਹੈ?

ਬ੍ਰਾਊਜ਼ਰ ਨਕਸ਼ਿਆਂ ਦੀਆਂ ਕੀਆਂ ਹਰ ਕਿਸੇ ਨੂੰ ਦਿਖਦੀਆਂ ਹਨ, ਇਸ ਲਈ Google ਸਿਫ਼ਾਰਸ਼ ਕਰਦਾ ਹੈ ਕਿ ਉਨ੍ਹਾਂ ਨੂੰ ਤੁਹਾਡੀ ਵੈੱਬਸਾਈਟ ਦੇ ਪਤਿਆਂ ਅਤੇ ਸਿਰਫ਼ ਵਰਤੀਆਂ ਜਾਂਦੀਆਂ APIs ਤੱਕ ਸੀਮਤ ਕੀਤਾ ਜਾਵੇ। ਜਿਓਕੋਡਿੰਗ ਵਰਗੀਆਂ ਸਰਵਰ ਸੇਵਾਵਾਂ ਦੀਆਂ ਕੀਆਂ ਸਰਵਰ 'ਤੇ ਹੀ ਰਹਿਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ।

ਕੀ ਮੈਂ OpenStreetMap ਮੁਫ਼ਤ ਵਰਤ ਸਕਦਾ ਹਾਂ?

OpenStreetMap ਦਾ ਡੇਟਾ attribution ਨਾਲ ਮੁਫ਼ਤ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਇਸਦੇ ਜਨਤਕ ਟਾਈਲ ਸਰਵਰ ਦਾਨ 'ਤੇ ਚੱਲਦੇ ਹਨ, ਕੋਈ ਸੇਵਾ ਗਾਰੰਟੀ ਨਹੀਂ, ਅਤੇ ਨੀਤੀ ਵਪਾਰਕ ਵਰਤੋਂਕਾਰਾਂ ਨੂੰ ਚੇਤਾਵਨੀ ਦਿੰਦੀ ਹੈ ਕਿ ਪਹੁੰਚ ਵਾਪਸ ਲਈ ਜਾ ਸਕਦੀ ਹੈ। ਪ੍ਰੋਡਕਸ਼ਨ ਐਪ ਲਈ ਇੱਕ ਟਾਈਲ ਪ੍ਰਦਾਤਾ ਵਰਤੋ ਜਾਂ ਆਪਣਾ ਹੋਸਟ ਕਰੋ।

Mythex · Pricing · AI ਨਾਲ ਕੁਝ ਵੀ ਬਣਾਓ · ਵੈੱਬਸਾਈਟ ਅਤੇ ਐਪ ਟੈਂਪਲੇਟ · Mythex ਦੀ ਤੁਲਨਾ · AI ਐਪ ਬਣਾਉਣ ਦੀ ਸ਼ਬਦਾਵਲੀ · ਮੁਫ਼ਤ AI ਐਪ ਬਣਾਉਣ ਵਾਲੇ ਟੂਲ · English

English አማርኛ العربية Български বাংলা Bosanski Català Čeština Dansk Deutsch Ελληνικά Español Español (España) Eesti فارسی Suomi Français Français (Canada) ગુજરાતી हिन्दी Hrvatski Magyar Հայերեն Bahasa Indonesia Íslenska Italiano 日本語 ქართული Қазақ тілі ಕನ್ನಡ 한국어 Lietuvių Latviešu Македонски മലയാളം Монгол मराठी Bahasa Melayu မြန်မာ Norsk bokmål Nederlands Polski Português (Brasil) Português (Portugal) Română Русский Slovenčina Slovenščina Soomaali Shqip Srpski Svenska Kiswahili தமிழ் తెలుగు ไทย Tagalog Türkçe Українська اردو Tiếng Việt 简体中文 繁體中文(香港) 繁體中文(台灣)