ਆਪਣੀ ਐਪ ਵਿੱਚ ਨਕਸ਼ੇ ਕਿਵੇਂ ਜੋੜੀਏ: ਏਮਬੈੱਡ, ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ੇ ਅਤੇ ਸਟੋਰ ਲੋਕੇਟਰ
ਆਪਣੀ ਐਪ ਵਿੱਚ ਨਕਸ਼ਾ ਜੋੜਨ ਲਈ, ਪਹਿਲਾਂ ਤੈਅ ਕਰੋ ਕਿ ਤੁਹਾਨੂੰ ਸਥਿਰ ਏਮਬੈੱਡ (ਇੱਕ ਥਾਂ ਪਿੰਨ ਨਾਲ, ਜਿਵੇਂ "ਸਾਡੀ ਦੁਕਾਨ ਲੱਭੋ") ਚਾਹੀਦਾ ਹੈ ਜਾਂ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਾ (ਤੁਹਾਡੇ ਡੇਟਾ ਤੋਂ ਕਈ ਪਿੰਨ, ਫਿਲਟਰ, ਕਲੱਸਟਰਿੰਗ, "ਨੇੜੇ ਵਾਲੇ")। ਇੱਕ ਥਾਂ ਲਈ ਏਮਬੈੱਡ ਸਭ ਤੋਂ ਜਲਦੀ ਹੈ ਅਤੇ Google ਦੇ Maps Embed API ਨਾਲ ਮੁਫ਼ਤ ਹੈ। ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਿਆਂ ਲਈ ਇੱਕ JavaScript ਨਕਸ਼ਾ ਲਾਇਬ੍ਰੇਰੀ ਵਰਤੋ, ਜਿਵੇਂ Google Maps JavaScript API, Mapbox GL JS, ਜਾਂ ਓਪਨ-ਸੋਰਸ Leaflet ਇੱਕ ਟਾਈਲ ਪ੍ਰਦਾਤਾ ਨਾਲ। ਹਰ ਥਾਂ ਦਾ ਅਕਸ਼ਾਂਸ਼ ਅਤੇ ਦੇਸ਼ਾਂਤਰ ਆਪਣੇ ਡੇਟਾਬੇਸ ਵਿੱਚ ਰੱਖੋ, ਅਤੇ ਆਪਣੀ API ਕੀ ਨੂੰ ਆਪਣੇ ਡੋਮੇਨ ਤੱਕ ਸੀਮਤ ਕਰੋ। ਹੇਠਾਂ ਦੇ ਵਿਕਰੇਤਾ ਵੇਰਵੇ ਹਰ ਪ੍ਰਦਾਤਾ ਦੇ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ਾਂ ਤੋਂ ਸਤੰਬਰ 2026 ਤੱਕ ਦੇ ਹਨ।
ਤੁਹਾਨੂੰ ਕਿਸ ਕਿਸਮ ਦਾ ਨਕਸ਼ਾ ਚਾਹੀਦਾ ਹੈ?
| ਲੋੜ | ਉਦਾਹਰਣ | ਸਭ ਤੋਂ ਸਧਾਰਨ ਤਰੀਕਾ |
|---|---|---|
| ਇੱਕ ਥਾਂ | ਇੱਕ ਕੈਫੇ ਦਾ ਸੰਪਰਕ ਪੇਜ | ਏਮਬੈੱਡ ਕੀਤਾ ਨਕਸ਼ਾ |
| ਕੁਝ ਸਥਿਰ ਥਾਂਵਾਂ | ਤਿੰਨ ਸ਼ਾਖਾਵਾਂ | ਹਰ ਸ਼ਾਖਾ ਲਈ ਏਮਬੈੱਡ, ਜਾਂ ਇੱਕ ਛੋਟਾ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਾ |
| ਤੁਹਾਡੇ ਡੇਟਾ ਤੋਂ ਬਹੁਤ ਸਾਰੀਆਂ ਥਾਂਵਾਂ | ਡਾਇਰੈਕਟਰੀ, ਜਾਇਦਾਦ ਦੀਆਂ ਲਿਸਟਿੰਗਾਂ, ਇਵੈਂਟ | ਤੁਹਾਡੇ ਡੇਟਾਬੇਸ ਦੇ ਮਾਰਕਰਾਂ ਵਾਲਾ ਇੰਟਰਐਕਟਿਵ ਨਕਸ਼ਾ |
| ਦੂਰੀ ਨਾਲ ਖੋਜ | "10 km ਵਿੱਚ ਕਲੀਨਿਕ" | ਸੰਭਾਲੇ ਨਿਰਦੇਸ਼ਾਂਕ ਅਤੇ ਦੂਰੀ ਦੀ ਕਵੇਰੀ |
| ਰੂਟ ਜਾਂ ਦਿਸ਼ਾ-ਨਿਰਦੇਸ਼ | ਡਿਲੀਵਰੀ ਜ਼ੋਨ, "ਦਿਸ਼ਾ ਪ੍ਰਾਪਤ ਕਰੋ" | ਇੱਕ ਦਿਸ਼ਾ ਲਿੰਕ, ਜਾਂ ਇੱਕ ਰੂਟਿੰਗ API |
ਜ਼ਿਆਦਾਤਰ ਛੋਟੀਆਂ ਕਾਰੋਬਾਰੀ ਸਾਈਟਾਂ ਨੂੰ ਸਿਰਫ਼ ਪਹਿਲੀ ਕਤਾਰ ਚਾਹੀਦੀ ਹੈ। ਡਾਇਰੈਕਟਰੀਆਂ, ਬਾਜ਼ਾਰਾਂ ਅਤੇ ਲਿਸਟਿੰਗ ਸਾਈਟਾਂ ਨੂੰ ਤੀਜੀ ਅਤੇ ਚੌਥੀ ਕਤਾਰ ਚਾਹੀਦੀ ਹੈ।
ਤੁਹਾਡੇ ਵਿਕਲਪ
| ਵਿਕਲਪ | ਇਹ ਕੀ ਹੈ | ਖਰਚੇ ਦੇ ਨੋਟ (ਸਤੰਬਰ 2026 ਤੱਕ) | ਕਿਸ ਲਈ ਚੰਗਾ |
|---|---|---|---|
| Google Maps Embed API | ਕਿਸੇ ਥਾਂ ਜਾਂ ਖੋਜ ਨੂੰ ਦਿਖਾਉਂਦਾ iframe | Google ਦੇ ਦਸਤਾਵੇਜ਼: ਸਾਰੀਆਂ ਬੇਨਤੀਆਂ ਬਿਨਾਂ ਸੀਮਾ ਦੇ ਮੁਫ਼ਤ; 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 ਲਈ ਕੰਮ ਕਰਨ ਦੇਣ।
ਸਰਵਰ ਸੇਵਾਵਾਂ ਦੀਆਂ ਕੀਆਂ, ਜਿਵੇਂ ਹਜ਼ਾਰਾਂ ਪਤਿਆਂ ਦੀ ਜਿਓਕੋਡਿੰਗ, ਵੱਖਰੀਆਂ ਹੋਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ ਅਤੇ ਸਰਵਰ-ਸਾਈਡ ਸੀਕ੍ਰੇਟਾਂ ਵਿੱਚ ਰਹਿਣੀਆਂ ਚਾਹੀਦੀਆਂ ਹਨ, ਪੇਜ ਵਿੱਚ ਨਹੀਂ। ਨਾਲ ਹੀ ਪ੍ਰਦਾਤਾ ਦੇ ਕੰਸੋਲ ਵਿੱਚ ਬਜਟ ਅਲਰਟ ਜਾਂ ਕੋਟਾ ਲਾਓ, ਤਾਂ ਕਿ ਕੋਈ ਗਲਤੀ ਵੱਡੇ ਬਿੱਲ ਵਿੱਚ ਨਾ ਬਦਲੇ।
ਜਿਓਕੋਡਿੰਗ: ਪਤਿਆਂ ਨੂੰ ਇੱਕ ਵਾਰ ਨਿਰਦੇਸ਼ਾਂਕਾਂ ਵਿੱਚ ਬਦਲੋ
ਨਕਸ਼ੇ ਅਕਸ਼ਾਂਸ਼ ਅਤੇ ਦੇਸ਼ਾਂਤਰ ਨੂੰ ਪਲਾਟ ਕਰਦੇ ਹਨ, ਪਤੇ ਨੂੰ ਨਹੀਂ। ਪਤੇ ਨੂੰ ਨਿਰਦੇਸ਼ਾਂਕਾਂ ਵਿੱਚ ਬਦਲਣ ਨੂੰ ਜਿਓਕੋਡਿੰਗ ਕਹਿੰਦੇ ਹਨ, ਅਤੇ ਜ਼ਿਆਦਾਤਰ ਪ੍ਰਦਾਤਾ ਇਸਦਾ ਖਰਚਾ ਹਰ ਬੇਨਤੀ ਲਈ ਲੈਂਦੇ ਹਨ। ਕੁਸ਼ਲ ਤਰੀਕਾ ਇਹ ਹੈ:
- ਜਦੋਂ ਲਿਸਟਿੰਗ ਸੇਵ ਹੋਵੇ, ਉਸਦਾ ਪਤਾ ਸਰਵਰ 'ਤੇ ਜਿਓਕੋਡ ਕਰੋ।
- ਅਕਸ਼ਾਂਸ਼ ਅਤੇ ਦੇਸ਼ਾਂਤਰ ਡੇਟਾਬੇਸ ਵਿੱਚ ਸੇਵ ਕਰੋ।
- ਨਕਸ਼ਾ ਸੰਭਾਲੇ ਨਿਰਦੇਸ਼ਾਂਕ ਪੜ੍ਹਦਾ ਹੈ; ਉਹ ਪੇਜ ਵਿਊ 'ਤੇ ਕਦੇ ਜਿਓਕੋਡ ਨਹੀਂ ਕਰਦਾ।
ਹਰ ਪ੍ਰਦਾਤਾ ਦੀਆਂ ਸ਼ਰਤਾਂ ਜਾਂਚੋ ਕਿ ਜਿਓਕੋਡਿੰਗ ਦੇ ਨਤੀਜੇ ਕਿੰਨੀ ਦੇਰ ਸਟੋਰ ਕਰਨ ਦੀ ਇਜਾਜ਼ਤ ਹੈ; ਉਹ ਵੱਖਰੇ ਹਨ।
ਉਦਾਹਰਣ ਪ੍ਰੋਂਪਟ
ਇੱਕ ਏਮਬੈੱਡ ਕੀਤਾ ਨਕਸ਼ਾ:
ਸੰਪਰਕ ਪੇਜ 'ਤੇ, 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 ਵਿੱਚ ਲਿਸਟਿੰਗਾਂ ਦੂਰੀ ਅਨੁਸਾਰ ਕ੍ਰਮ ਵਿੱਚ ਦਿਖਾਏ। ਜੇ ਉਹ ਥਾਂ ਦੀ ਇਜਾਜ਼ਤ ਨਾ ਦੇਣ, ਤਾਂ ਉਨ੍ਹਾਂ ਨੂੰ ਸ਼ਹਿਰ ਟਾਈਪ ਕਰਨ ਦਿਓ।
ਕਦਮ ਦਰ ਕਦਮ
- ਉੱਪਰ ਦੇ ਟੇਬਲ ਤੋਂ ਨਕਸ਼ੇ ਦੀ ਕਿਸਮ ਚੁਣੋ।
- ਪ੍ਰਦਾਤਾ ਦਾ ਖਾਤਾ ਅਤੇ ਪ੍ਰੋਜੈਕਟ ਬਣਾਓ, ਅਤੇ ਸਿਰਫ਼ ਲੋੜੀਂਦੀਆਂ APIs ਚਾਲੂ ਕਰੋ।
- ਕੀਆਂ ਬਣਾਓ: ਤੁਹਾਡੇ ਡੋਮੇਨਾਂ (ਬਣਾਉਣ ਦੌਰਾਨ ਤੁਹਾਡਾ ਪ੍ਰੀਵਿਊ ਡੋਮੇਨ ਸਮੇਤ) ਤੱਕ ਸੀਮਤ ਬ੍ਰਾਊਜ਼ਰ ਕੀ, ਅਤੇ ਜੇ ਲੋੜ ਹੋਵੇ ਤਾਂ ਜਿਓਕੋਡਿੰਗ ਲਈ ਸਰਵਰ ਕੀ।
- ਕੀਆਂ ਨੂੰ ਸੀਕ੍ਰੇਟ ਵਜੋਂ ਸੇਵ ਕਰੋ ਅਤੇ ਆਪਣੇ ਬਿਲਡਰ ਨੂੰ ਉਨ੍ਹਾਂ ਦੀ ਵਰਤੋਂ ਲਈ ਕਹੋ; ਬ੍ਰਾਊਜ਼ਰ ਕੀ ਫਿਰ ਵੀ ਪੇਜ ਵਿੱਚ ਜਾਂਦੀ ਹੈ, ਇਸ ਲਈ ਉਹ ਸੀਮਤ ਰਹਿੰਦੀ ਹੈ।
- ਹਰ ਥਾਂ ਲਈ ਨਿਰਦੇਸ਼ਾਂਕ ਡੇਟਾਬੇਸ ਵਿੱਚ ਸੇਵ ਕਰੋ।
- ਨਕਸ਼ਾ ਬਣਾਓ: ਮਾਰਕਰ, ਪੌਪਅੱਪ, ਕਲੱਸਟਰਿੰਗ, ਅਤੇ ਇੱਕ ਠੀਕ ਡਿਫ਼ਾਲਟ ਜ਼ੂਮ।
- ਇਸਨੂੰ ਇੱਕ ਸੂਚੀ ਨਾਲ ਜੋੜੋ। ਇਕੱਲਾ ਨਕਸ਼ਾ ਫ਼ੋਨ 'ਤੇ ਅਤੇ ਸਕਰੀਨ ਰੀਡਰਾਂ ਲਈ ਵਰਤਣਾ ਔਖਾ ਹੈ। ਉਹੀ ਨਤੀਜੇ ਸੂਚੀ ਵਜੋਂ ਦਿਖਾਓ।
- ਇੱਕ ਬਜਟ ਅਲਰਟ ਲਾਓ ਪ੍ਰਦਾਤਾ ਕੰਸੋਲ ਵਿੱਚ।
- ਲਾਈਵ ਡੋਮੇਨ 'ਤੇ ਪ੍ਰਕਾਸ਼ਿਤ ਕਰੋ ਅਤੇ ਜਾਂਚੋ, ਕਿਉਂਕਿ ਰੈਫਰਰ ਸੀਮਾਵਾਂ ਅਕਸਰ ਲਾਈਵ ਡੋਮੇਨ ਜੋੜਨ ਤੱਕ ਨਕਸ਼ਾ ਬਲੌਕ ਕਰ ਦਿੰਦੀਆਂ ਹਨ।
ਆਮ ਗਲਤੀਆਂ
- ਬਿਨਾਂ ਸੀਮਾ ਵਾਲੀਆਂ ਕੀਆਂ। ਕੋਈ ਵੀ ਉਨ੍ਹਾਂ ਨੂੰ ਆਪਣੀ ਸਾਈਟ 'ਤੇ ਦੁਬਾਰਾ ਵਰਤ ਸਕਦਾ ਹੈ।
- ਹਰ ਪੇਜ ਵਿਊ 'ਤੇ ਜਿਓਕੋਡਿੰਗ। ਹੌਲੀ ਅਤੇ ਮਹਿੰਗਾ; ਸੇਵ 'ਤੇ ਇੱਕ ਵਾਰ ਜਿਓਕੋਡ ਕਰੋ।
- ਲਾਈਵ ਡੋਮੇਨ ਨੂੰ ਕੀ ਸੀਮਾਵਾਂ ਵਿੱਚ ਭੁੱਲਣਾ। ਪ੍ਰੀਵਿਊ ਵਿੱਚ ਚੱਲਦਾ ਹੈ, ਪ੍ਰੋਡਕਸ਼ਨ ਵਿੱਚ ਖਾਲੀ ਸਲੇਟੀ ਡੱਬਾ।
- ਸਿਰਫ਼ ਨਕਸ਼ੇ ਵਾਲੇ ਲੇਆਉਟ। ਬਿਨਾਂ ਸੂਚੀ ਦੇ ਪਿੰਨ ਛੋਟੀਆਂ ਸਕਰੀਨਾਂ 'ਤੇ ਦੁਖਦਾਈ ਹਨ ਅਤੇ ਪਹੁੰਚਯੋਗ ਨਹੀਂ।
- ਕਲੱਸਟਰਿੰਗ ਤੋਂ ਬਿਨਾਂ ਸੈਂਕੜੇ ਮਾਰਕਰ। ਪੜ੍ਹੇ ਨਾ ਜਾਣ ਯੋਗ ਅਤੇ ਹੌਲੀ।
- 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 ਨਾਲ ਮੁਫ਼ਤ ਵਰਤਿਆ ਜਾ ਸਕਦਾ ਹੈ, ਪਰ ਇਸਦੇ ਜਨਤਕ ਟਾਈਲ ਸਰਵਰ ਦਾਨ 'ਤੇ ਚੱਲਦੇ ਹਨ, ਕੋਈ ਸੇਵਾ ਗਾਰੰਟੀ ਨਹੀਂ, ਅਤੇ ਨੀਤੀ ਵਪਾਰਕ ਵਰਤੋਂਕਾਰਾਂ ਨੂੰ ਚੇਤਾਵਨੀ ਦਿੰਦੀ ਹੈ ਕਿ ਪਹੁੰਚ ਵਾਪਸ ਲਈ ਜਾ ਸਕਦੀ ਹੈ। ਪ੍ਰੋਡਕਸ਼ਨ ਐਪ ਲਈ ਇੱਕ ਟਾਈਲ ਪ੍ਰਦਾਤਾ ਵਰਤੋ ਜਾਂ ਆਪਣਾ ਹੋਸਟ ਕਰੋ।