ਤੁਹਾਡਾ ਵੈਬ ਪੇਜ ਲਈ ਇੱਕ ਗੂਗਲ ਮੈਪ ਸ਼ਾਮਲ ਕਰਨਾ

01 05 ਦਾ

ਆਪਣੀ ਸਾਈਟ ਲਈ Google ਮੈਪਸ API ਕੁੰਜੀ ਪ੍ਰਾਪਤ ਕਰੋ

ਆਪਣੀ ਵੈਬਸਾਈਟ ਤੇ Google ਮੈਪ ਜੋੜਨ ਦਾ ਸਭ ਤੋਂ ਵਧੀਆ ਤਰੀਕਾ Google ਮੈਪਸ API ਨੂੰ ਵਰਤਣਾ ਹੈ. ਅਤੇ ਗੂਗਲ ਸਿਫਾਰਸ਼ ਕਰਦਾ ਹੈ ਕਿ ਤੁਸੀਂ ਨਕਸ਼ੇ ਨੂੰ ਵਰਤਣ ਲਈ API ਕੁੰਜੀ ਪ੍ਰਾਪਤ ਕਰੋ.

ਤੁਹਾਨੂੰ Google ਮੈਪਸ API v3 ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ API ਕੁੰਜੀ ਪ੍ਰਾਪਤ ਕਰਨ ਦੀ ਲੋੜ ਨਹੀਂ ਹੈ, ਪਰ ਇਹ ਬਹੁਤ ਉਪਯੋਗੀ ਹੈ ਕਿਉਂਕਿ ਇਹ ਤੁਹਾਨੂੰ ਤੁਹਾਡੇ ਵਰਤੋਂ ਦੀ ਨਿਗਰਾਨੀ ਕਰਨ ਅਤੇ ਵਾਧੂ ਪਹੁੰਚ ਲਈ ਭੁਗਤਾਨ ਕਰਨ ਦਿੰਦਾ ਹੈ. ਗੂਗਲ ਮੈਪਸ API v3 ਵਿੱਚ ਹਰ ਦਿਨ ਪ੍ਰਤੀ ਏਕੜ 25,000 ਬੇਨਤੀ ਪ੍ਰਤੀ ਯੂਜਰ ਪ੍ਰਤੀ 1 ਬੇਨਤੀ ਦਾ ਕੋਟਾ ਹੈ. ਜੇ ਤੁਹਾਡੇ ਪੰਨਿਆਂ ਵਿਚ ਉਹ ਹੱਦਾਂ ਵੱਧ ਗਈਆਂ ਹਨ ਤਾਂ ਤੁਹਾਨੂੰ ਹੋਰ ਪ੍ਰਾਪਤ ਕਰਨ ਲਈ ਬਿਲਿੰਗ ਨੂੰ ਸਮਰੱਥ ਕਰਨ ਦੀ ਲੋੜ ਪਵੇਗੀ.

ਇੱਕ ਗੂਗਲ ਮੈਪਸ ਏਪੀਆਈ ਕੀ ਪ੍ਰਾਪਤ ਕਰਨਾ ਹੈ

1. ਆਪਣੇ Google ਖਾਤੇ ਦੀ ਵਰਤੋਂ ਕਰਕੇ Google ਤੇ ਲੌਗ ਇਨ ਕਰੋ.
2. ਡਿਵੈਲਪਰਸ ਕੰਸੋਲ ਤੇ ਜਾਓ
3. ਸੂਚੀ ਵਿੱਚ ਸਕ੍ਰੌਲ ਕਰੋ ਅਤੇ Google ਮੈਪਸ API v3 ਲੱਭੋ, ਫਿਰ ਇਸਨੂੰ ਚਾਲੂ ਕਰਨ ਲਈ "OFF" ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ.
4. ਸ਼ਰਤਾਂ ਨੂੰ ਪੜ੍ਹੋ ਅਤੇ ਸਹਿਮਤੀ ਦਿਓ
5. API ਕੰਸੋਲ ਤੇ ਜਾਓ ਅਤੇ ਖੱਬੇ-ਹੱਥ ਮੀਨੂ ਤੋਂ "API ਪਹੁੰਚ" ਚੁਣੋ
6. "ਸਧਾਰਨ API ਪਹੁੰਚ" ਭਾਗ ਵਿੱਚ, "ਨਵੀਂ ਸਰਵਰ ਕੁੰਜੀ ਬਣਾਓ ..." ਬਟਨ ਤੇ ਕਲਿਕ ਕਰੋ.
7. ਆਪਣੇ ਵੈਬ ਸਰਵਰ ਦਾ ਆਈਪੀ ਐਡਰੈੱਸ ਦਿਓ. ਇਹ ਉਹ IP ਹੈ ਜਿੱਥੇ ਤੁਹਾਡੇ ਨਕਸ਼ੇ ਬੇਨਤੀਆਂ ਆਉਣਗੀਆਂ. ਜੇ ਤੁਸੀਂ ਆਪਣੇ IP ਪਤੇ ਬਾਰੇ ਨਹੀਂ ਜਾਣਦੇ ਹੋ, ਤੁਸੀਂ ਇਸ ਨੂੰ ਵੇਖ ਸਕਦੇ ਹੋ
8. "ਏਪੀਆਈ ਕੁੰਜੀ:" ਲਾਈਨ ਉੱਤੇ ਟੈਕਸਟ ਦੀ ਨਕਲ ਕਰੋ (ਉਸ ਟਾਇਟਲ ਨੂੰ ਸ਼ਾਮਲ ਨਹੀਂ ਕਰਨਾ). ਇਹ ਤੁਹਾਡੇ ਨਕਸ਼ਿਆਂ ਲਈ ਤੁਹਾਡੀ API ਕੁੰਜੀ ਹੈ

02 05 ਦਾ

ਕੋਆਰਡੀਨੇਟ ਵਿਚ ਆਪਣਾ ਪਤਾ ਬਦਲੋ

ਆਪਣੇ ਵੈਬ ਪੇਜਾਂ ਤੇ ਗੂਗਲ ਮੈਪਸ ਦੀ ਵਰਤੋਂ ਕਰਨ ਲਈ, ਤੁਹਾਨੂੰ ਸਥਾਨ ਲਈ ਵਿਥਕਾਰ ਅਤੇ ਵਿਪਰੀਤ ਹੋਣ ਦੀ ਲੋੜ ਹੈ. ਤੁਸੀਂ ਇਹਨਾਂ ਨੂੰ ਇੱਕ GPS ਤੋਂ ਪ੍ਰਾਪਤ ਕਰ ਸਕਦੇ ਹੋ ਜਾਂ ਤੁਸੀਂ ਜਿਓਕੋਡਰ. ਵਰਗੇ ਇੱਕ ਔਨਲਾਈਨ ਟੂਲ ਦੀ ਵਰਤੋਂ ਕਰ ਸਕਦੇ ਹੋ.

1. Geocoder.us ਤੇ ਜਾਉ ਅਤੇ ਖੋਜ ਬਕਸੇ ਵਿੱਚ ਆਪਣੇ ਪਤੇ ਨੂੰ ਟਾਈਪ ਕਰੋ.
2. ਅਕਸ਼ਾਂਸ਼ (ਪਹਿਲੇ ਵਿੱਚ ਇੱਕ ਪੱਤਰ ਦੇ ਬਿਨਾਂ) ਲਈ ਪਹਿਲਾ ਅੰਕ ਕਾਪੀ ਕਰੋ ਅਤੇ ਇੱਕ ਪਾਠ ਫਾਇਲ ਵਿੱਚ ਪੇਸਟ ਕਰੋ. ਤੁਹਾਨੂੰ ਡਿਗਰੀ (º) ਸੂਚਕ ਦੀ ਜ਼ਰੂਰਤ ਨਹੀਂ ਹੈ
3. ਲੰਬਕਾਰ ਲਈ ਪਹਿਲੇ ਨੰਬਰ ਦੀ ਕਾਪੀ ਕਰੋ (ਦੁਬਾਰਾ ਇਕ ਚਿੱਠੀ ਦੇ ਬਗੈਰ) ਅਤੇ ਆਪਣੀ ਪਾਠ ਫਾਇਲ ਵਿੱਚ ਇਸ ਨੂੰ ਪੇਸਟ ਕਰੋ.

ਤੁਹਾਡਾ ਵਿਥਕਾਰ ਅਤੇ ਲੰਬਕਾਰ ਇਸ ਤਰ੍ਹਾਂ ਦੀ ਕੋਈ ਚੀਜ਼ ਵੇਖਣਗੇ:

40.756076
-73.990838

Geocoder.us ਕੇਵਲ US ਪਤਿਆਂ ਲਈ ਹੀ ਕੰਮ ਕਰਦਾ ਹੈ, ਜੇ ਤੁਹਾਨੂੰ ਕਿਸੇ ਹੋਰ ਦੇਸ਼ ਵਿੱਚ ਕੋਆਰਡੀਨੇਟਸ ਲੈਣ ਦੀ ਜ਼ਰੂਰਤ ਹੈ, ਤਾਂ ਤੁਹਾਨੂੰ ਆਪਣੇ ਖੇਤਰ ਵਿੱਚ ਇੱਕ ਅਜਿਹੇ ਸਾਧਨ ਦੀ ਖੋਜ ਕਰਨੀ ਚਾਹੀਦੀ ਹੈ.

03 ਦੇ 05

ਤੁਹਾਡਾ ਵੈਬ ਪੰਨਾ ਲਈ ਨਕਸ਼ਾ ਜੋੜਨਾ

ਪਹਿਲੀ, ਨੂੰ ਮੈਪ ਸਕ੍ਰਿਪਟ ਸ਼ਾਮਿਲ ਕਰੋ

ਤੁਹਾਡਾ ਦਸਤਾਵੇਜ਼ ਦਾ

ਆਪਣਾ ਵੈਬ ਪੇਜ ਖੋਲ੍ਹੋ ਅਤੇ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਦੇ ਹੇਠਲੇ ਹਿੱਸੇ ਨੂੰ ਜੋੜ ਦਿਓ.

ਹਾਈਲਾਈਟ ਕੀਤੇ ਭਾਗ ਨੂੰ ਅਗੇਤਰ ਅਤੇ ਲੰਬਕਾਰ ਅੰਕਾਂ ਵਿੱਚ ਬਦਲੋ ਜਿਸ ਵਿੱਚ ਤੁਸੀਂ ਕਦਮ ਦੋ ਵਿੱਚ ਲਿਖਿਆ ਸੀ.

ਦੂਜਾ, ਆਪਣੀ ਪੰਨਾ ਤੇ ਨਕਸ਼ਾ ਐਲੀਮੈਂਟ ਜੋੜੋ

ਇੱਕ ਵਾਰ ਤੁਹਾਡੇ ਕੋਲ ਆਪਣੇ ਦਸਤਾਵੇਜ਼ ਦੇ HEAD ਵਿੱਚ ਸ਼ਾਮਲ ਸਾਰੇ ਸਕ੍ਰਿਪਟ ਤੱਤ ਹੋਣ, ਤਾਂ ਤੁਹਾਨੂੰ ਪੰਨੇ 'ਤੇ ਆਪਣੇ ਨਕਸ਼ੇ ਦੀ ਸਥਿਤੀ ਦੀ ਲੋੜ ਹੈ. ਤੁਸੀਂ ਇਸਨੂੰ id = "map-canvas" ਗੁਣ ਨਾਲ ਇੱਕ DIV ਐਲੀਮੈਂਟ ਜੋੜ ਕੇ ਕਰ ਸਕਦੇ ਹੋ. ਮੈਂ ਤੁਹਾਨੂੰ ਇਸ ਡੀਵੀ ਦੀ ਚੌੜਾਈ ਅਤੇ ਉਚਾਈ 'ਤੇ ਸ਼ੈਲੀ ਦੀ ਸਿਫਾਰਸ਼ ਕਰਦਾ ਹਾਂ ਜੋ ਤੁਹਾਡੇ ਪੰਨੇ' ਤੇ ਫਿੱਟ ਹੋ ਜਾਣਗੇ:

ਅੰਤ ਵਿੱਚ, ਅਪਲੋਡ ਅਤੇ ਟੈਸਟ ਕਰੋ

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

ਜੇ ਤੁਹਾਡਾ ਨਕਸ਼ਾ ਨਹੀਂ ਦਿਖਾਉਂਦਾ, ਤਾਂ ਇਸਨੂੰ ਬੌਡੀ ਐਟੀਚਿਊਟ ਦੇ ਨਾਲ ਸ਼ੁਰੂ ਕਰਨ ਦੀ ਕੋਸ਼ਿਸ਼ ਕਰੋ:

ਆਨਲੋਡ = "ਸ਼ੁਰੂਆਤ ()" >

ਇਹ ਵੇਖਣ ਲਈ ਹੋਰ ਚੀਜ਼ਾਂ ਜੋ ਤੁਹਾਡਾ ਨਕਸ਼ਾ ਲੋਡ ਨਹੀਂ ਕਰ ਰਿਹਾ ਹੈ, ਵਿੱਚ ਸ਼ਾਮਲ ਹਨ:

• ਕੇਸਾਂ ਸਮੇਤ, ਆਪਣੀ ਜਾਵਾਸਕ੍ਰਿਪਟ ਵਿੱਚ ਟਾਈਪਜ਼ ਦੇਖੋ ਜਾਵਾ-ਸਕ੍ਰਿਪਟ ਕੇਸ ਸੈਂਸਰ ਵਾਲਾ ਹੈ.
• ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੇ ਕੋਲ ਜ਼ੂਮ ਅਤੇ ਸੈਂਟਰ ਵਿਕਲਪ ਸੈਟ ਹਨ.
• ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡਾ DIV ਤੱਤ ਸਹੀ ID ਨਾਲ ਸਫ਼ੇ ਉੱਤੇ ਹੈ.
• ਯਕੀਨੀ ਬਣਾਓ ਕਿ ਤੁਹਾਡੇ DIV ਤੱਤ ਦੀ ਉਚਾਈ ਹੈ

04 05 ਦਾ

ਆਪਣੇ ਨਕਸ਼ੇ ਵਿੱਚ ਇੱਕ ਮਾਰਕਰ ਜੋੜੋ

ਪਰ ਕੀ ਤੁਹਾਡੇ ਸਥਾਨ ਦਾ ਨਕਸ਼ਾ ਚੰਗਾ ਹੈ ਜੇਕਰ ਕੋਈ ਮਾਰਕਰ ਲੋਕਾਂ ਨੂੰ ਦੱਸਣ ਕਿ ਉਨ੍ਹਾਂ ਨੂੰ ਕਿੱਥੇ ਜਾਣਾ ਚਾਹੀਦਾ ਹੈ?

ਇਕ ਮਿਆਰੀ Google ਨਕਸ਼ੇ ਲਾਲ ਮਾਰਕਰ ਨੂੰ ਜੋੜਨ ਲਈ var ਮੈਪ = ... ਲਾਈਨ ਦੇ ਹੇਠਾਂ ਆਪਣੀ ਸਕ੍ਰਿਪਟ ਨੂੰ ਹੇਠਾਂ ਜੋੜੋ:

var myLatlng = ਨਵੇਂ google.maps.LatLng ( ਵਿਥਕਾਰ, ਲੰਬਕਾਰ );
var ਮਾਰਕਰ = ਨਵਾਂ google.maps.Marker ({
ਸਥਿਤੀ: myLatlng,
ਨਕਸ਼ਾ: ਨਕਸ਼ਾ,
ਸਿਰਲੇਖ: " ਸਾਬਕਾ ਹੈੱਡਕੁਆਰਟਰਜ਼ "
});

ਹਾਈਲਾਈਟ ਕੀਤੇ ਟੈਕਸਟ ਨੂੰ ਆਪਣੇ ਵਿਥਕਾਰ ਅਤੇ ਲੰਬਕਾਰ ਨੂੰ ਬਦਲੋ ਅਤੇ ਟਾਇਟਲ ਤੁਸੀਂ ਉਦੋਂ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨਾ ਚਾਹੁੰਦੇ ਹੋ ਜਦੋਂ ਲੋਕ ਮਾਰਕਰ ਉੱਤੇ ਆਉਂਦੇ ਹਨ.

ਤੁਸੀਂ ਪੰਨੇ ਨੂੰ ਜਿੰਨੇ ਮਰਕਰਾਂ ਨੂੰ ਆਪਣੀ ਮਰਜ਼ੀ ਨਾਲ ਜੋੜ ਸਕਦੇ ਹੋ, ਨਵੇਂ ਕੋਆਰਡੀਨੇਟਸ ਅਤੇ ਟਾਈਟਲ ਦੇ ਨਾਲ ਨਵੇਂ ਵੇਰੀਏਬਲ ਜੋੜ ਸਕਦੇ ਹੋ, ਪਰ ਜੇਕਰ ਸਾਰੇ ਮਾਰਕਰ ਨੂੰ ਪ੍ਰਦਰਸ਼ਿਤ ਕਰਨ ਲਈ ਨਕਸ਼ੇ ਬਹੁਤ ਛੋਟੇ ਹਨ, ਤਾਂ ਉਹ ਉਦੋਂ ਤੱਕ ਨਹੀਂ ਦਿਖਾਏ ਜਾਣਗੇ ਜਦੋਂ ਤੱਕ ਪਾਠਕ ਜ਼ੂਮ ਆਉਟ ਨਹੀਂ ਕਰਦਾ.

var latlng 2 = ਨਵਾਂ google.maps.LatLng ( 37.3316591, -122.0301778 );
var myMarker 2 = ਨਵੇਂ google.maps.Marker ({
ਸਥਿਤੀ: ਲੈਟਲੈਗ 2 ,
ਨਕਸ਼ਾ: ਨਕਸ਼ਾ,
ਸਿਰਲੇਖ: " ਐਪਲ ਕੰਪਿਊਟਰ "
});

ਇੱਥੇ ਇੱਕ ਮਾਰਕਰ ਨਾਲ ਗੂਗਲ ਮੈਪ ਦੀ ਇਕ ਉਦਾਹਰਣ ਹੈ ਨੋਟ ਕਰੋ, ਕਿਉਕਿ, ਕਿਉਕਿ ਸੀਐੱਫਸੀਐੱਸ ਕੰਮ ਕਰਦਾ ਹੈ, ਤੁਹਾਨੂੰ ਨਕਸ਼ੇ ਨੂੰ ਪੇਸ਼ ਹੋਣ ਲਈ ਇੱਕ ਲਿੰਕ 'ਤੇ ਕਲਿਕ ਕਰਨਾ ਪਵੇਗਾ ਇਹ ਤੁਹਾਡੇ ਪੰਨੇ 'ਤੇ ਨਹੀਂ ਹੋਵੇਗਾ.

05 05 ਦਾ

ਆਪਣੇ ਸਫਾ ਦਾ ਦੂਜਾ (ਜਾਂ ਵਧੇਰੇ) ਨਕਸ਼ਾ ਜੋੜੋ

ਜੇ ਤੁਸੀਂ ਮੇਰੇ ਉਦਾਹਰਨ Google ਦੇ ਨਕਸ਼ੇ ਪੰਨੇ 'ਤੇ ਵੇਖਿਆ ਹੈ ਤਾਂ ਤੁਸੀਂ ਵੇਖੋਗੇ ਕਿ ਮੇਰੇ ਕੋਲ ਪੇਜ ਤੇ ਪ੍ਰਦਰਸ਼ਿਤ ਕੀਤੇ ਇੱਕ ਤੋਂ ਵੱਧ ਨਕਸ਼ਾ ਹੈ. ਇਹ ਕਰਨਾ ਬਹੁਤ ਸੌਖਾ ਹੈ ਇੱਥੇ ਕਿਵੇਂ ਹੈ

1. ਅਸੀਂ ਇਸ ਟਿਊਟੋਰਿਅਲ ਦੇ ਪੜਾਅ 2 ਵਿਚ ਦੇਖੇ ਗਏ ਸਾਰੇ ਨਕਸ਼ਿਆਂ ਦੀ ਵਿਥਕਾਰ ਅਤੇ ਲੰਬਕਾਰ ਪ੍ਰਾਪਤ ਕਰਦੇ ਹਾਂ.
2. ਜਿਵੇਂ ਅਸੀਂ ਸਿੱਖੀ ਹੈ, ਪਹਿਲੇ ਟਯੂਟੋਰਿਯਲ ਦੇ ਪੜਾਅ 3 ਵਿੱਚ ਸ਼ਾਮਲ ਕਰੋ. ਜੇ ਤੁਸੀਂ ਚਾਹੁੰਦੇ ਹੋ ਕਿ ਨਕਸ਼ੇ ਨੂੰ ਮਾਰਕਰ ਹੋਵੇ, ਤਾਂ ਮਾਰਕਰ ਨੂੰ ਪਗ਼ 4 ਵਿੱਚ ਜੋੜੋ.
3. ਦੂਜੀ ਮੈਪ ਲਈ, ਤੁਹਾਨੂੰ ਆਪਣੀਆਂ ਸ਼ੁਰੂਆਤ () ਸਕਰਿਪਟ ਵਿੱਚ 3 ਨਵੀਂਆਂ ਲਾਈਨਾਂ ਜੋੜਨੀਆਂ ਪੈਣਗੀਆਂ:
   var latlng2 = ਨਵਾਂ google.maps.LatLng ( ਦੂਜਾ ਧੁਰੇ );
   var myOptions2 = {ਜ਼ੂਮ: 18, ਸੈਂਟਰ: latlng2, ਮੈਪਟਾਈਪਆਈਡ: google.maps.MapTypeId.ROADMAP};
   var map2 = ਨਵੇਂ google.maps.Map (document.getElementById ("map_canvas_2"), ਮਾਈਓਪਸ਼ਨਸ 2);
4. ਜੇ ਤੁਸੀਂ ਨਵੇਂ ਨਕਸ਼ੇ 'ਤੇ ਇਕ ਮਾਰਕਰ ਚਾਹੁੰਦੇ ਹੋ, ਤਾਂ ਦੂਜੇ ਨਿਰਦੇਸ਼ਕ ਅਤੇ ਦੂਜੀ ਨਕਸ਼ੇ' ਤੇ ਦੂਜਾ ਮਾਰਕਰ ਦਰਸਾਉ.
   var myMarker2 = ਨਵੇਂ google.maps.Marker ({ਸਥਿਤੀ: latlng2 , ਨਕਸ਼ਾ: ਨਕਸ਼ਾ 2 , ਸਿਰਲੇਖ: " ਤੁਹਾਡਾ ਮਾਰਕਰ ਸਿਰਲੇਖ "});
5. ਫਿਰ ਦੂਜਾ ਸ਼ਾਮਿਲ ਕਰੋ

   ਜਿੱਥੇ ਤੁਹਾਨੂੰ ਦੂਜਾ ਨਕਸ਼ਾ ਚਾਹੀਦਾ ਹੈ. ਅਤੇ ਇਸ ਨੂੰ id = "map_canvas_2" ਆਈਡੀ ਦੇਣਾ ਯਕੀਨੀ ਬਣਾਉ.

6. ਜਦੋਂ ਤੁਹਾਡਾ ਪੰਨਾ ਲੋਡ ਹੁੰਦਾ ਹੈ, ਤਾਂ ਦੋ ਮੈਪਸ ਪ੍ਰਦਰਸ਼ਿਤ ਹੁੰਦੇ ਹਨ

ਇੱਥੇ ਇਸਦੇ ਦੋ ਗੂਗਲ ਮੈਪਸ ਵਾਲੇ ਪੰਨੇ ਦਾ ਕੋਡ ਹੈ: