توهان جي ويب پيج تي هڪ Google Map ڪيئن شامل ڪيو

01 جو 05

پنھنجي سائٽ لاء Google Maps API چيڪ حاصل ڪريو

توهان جي ويب سائيٽ تي گوگل نقشي کي شامل ڪرڻ جو بهترين رستو Google Maps API استعمال ڪرڻ آهي. ۽ گوگل سفارش ڪري ٿو ته نقشن استعمال ڪرڻ لاء توهان هڪ اين جي ڪي حاصل ڪريو.

اوھان کي Google Maps API v3 استعمال ڪرڻ لاء اي اين سي جي ضرورت نه آھي، پر اھو ان کي توھان جي استعمال جي نگراني ڪرڻ ۽ اضافي رسائي لاء ادا ڪرڻ جي اجازت ڏئي ٿي. Google Maps API v3 جي 1 يونٽ جي ڪوٽا آهي هڪ سيڪنڊ فيصد في صارف جي هر وڌ ۾ وڌ 25،000 درخواستن لاء. جيڪڏھن اوھان جا صفحا انھن حدن کان وڌي وڃن توھان وڌيڪ حاصل ڪرڻ لاء توھان بلنگ کي فعال ڪرڻ جي ضرورت پوندي.

گوگل ميپس API چيڪ حاصل ڪيو

1. گوگل کي پنهنجي گوگل کاتي جو استعمال ڪندي رهيو آهي.
2. ڊولپرز ڪنسول ڏانهن وڃو
3. فهرست جي ذريعي سکرڙي ۽ Google Maps API v3 ڳوليو، پوء ان کي ڦيراڻ لاء "آف" بٽڻ تي ڪلڪ ڪريو.
4. پڙهو ۽ شرطون پڙھو.
5. APIs کنسول ڏانهن وڃو ۽ بائیں هٿ مينيو مان "API Access" چونڊيو
6. "سادي اين اي پي رسائي" سيڪشن ۾، "نئون سرور بڻيو ..." تي ڪلڪ ڪريو.
7. پنھنجي ويب سرور جو IP پتو داخل ڪريو. اهو آهي IP آهي توهان جي نقشن جي درخواستن مان آندي ويندي. جيڪڏهن توهان پنهنجي IP پتي کي نٿا ڄاڻو، توهان ان کي ڏسي سگهو ٿا.
8. هن لکت کي "ايپ چيڪ:" لائن تي نقل ڪريو (جنهن ۾ عنوان شامل ناهي). اهو توهان جي نقشن لاء توهان جي اي پي ڪي آهي.

02 جو 05

سماج کي پنهنجي ايڊريس کي تبديل ڪريو

توهان جي ويب صفحن تي Google Maps استعمال ڪرڻ لاء، توهان کي مقام لاء ويڪرائي ۽ ڊگھائي حاصل ڪرڻ جي ضرورت آهي. توهان هڪ GPS مان حاصل ڪري سگهو ٿا يا توهان کي ٻڌائڻ لاء توهان هڪ آن لائن آلو جهڙوڪ Geocoder.us استعمال ڪري سگهو ٿا.

1. جيووڊرو.س ڏانهن وڃو ۽ ڳولا جي خاني ۾ توهان جي ايڊريس ۾ ٽائيپ ڪريو.
2. طول و عرض لاء پهريون نمبر نقل ڪريو (سامهون خط ۾ بغير) ۽ ان کي ٽيڪسٽ فائل ۾ پيسٽ ڪريو. توهان کي درجي (º) اشاري جي ضرورت ناهي.
3. طويل مدت لاء پهريون نمبر نقل ڪريو (ٻيهر سامهون خط ۾ بغير) ۽ پنهنجي ٽيڪسٽ فائل ۾ چسپل ڪريو.

توهان جي ويڪرائي ۽ ڊگھائي هن کي ڪجهه نظر ايندو.

40.756076
-73.990838

جيوڪوڊورس.س رڳو امريڪا جي پتا جي لاء ڪم ڪري ٿو، جيڪڏهن توهان ڪنهن ٻئي ملڪ ۾ همراه حاصل ڪرڻ جي ضرورت آهي، توهان کي توهان جي علائقي ۾ ساڳي اوزار ڳولڻ گهرجي.

03 جو 05

پنھنجي ويب پيج تي نقشو شامل ڪندي

پهريون، نقشو اسڪرپٽ ۾ شامل ڪريو

توھان جو دستاويز

توھانجي ويب پيج کوليو ۽ پنھنجي دستاويز جي سر تي هيٺين شامل ڪريو.

نمايان ٿيل ۽ ڊگھائي انگن ۾ نمايان ٿيل حصي کي تبديل ڪريو اوھان کي ٻنھي ۾ ھيٺ لاٿو ويو.

ٻيو، پنهنجي صفحو تي نقشي جي عنصر شامل ڪريو

هڪ دفعو توهان جي سڀني رسم الخط عناصر توهان جي دستاويز جي سربراهي ۾ شامل ڪئي آهي، توهان کي صفحي تي پنهنجي نقشي کي پوزيشن ڪرڻ گهرجي. توهان اي ڊي = "نقشو-ڪينوس" خاصيت سان هڪ DIV عنصر شامل ڪري سگهو ٿا. آئون توهان کي هن ڊوي کي به چوڻي ۽ ڊيگهه سان ڏيان ٿو جيڪو توهان جي صفحي تي صحيح ٿيندو.

آخرڪار، اپلوڊ ۽ ٽيسٽ

آخري ڪم ڪرڻ لاء توهان جو صفحو اپلوڊ ڪيو ۽ ٽيسٽ توهان جي نقشي کي ڏيکاري ٿو. ھن صفحي تي ھڪڙو نقشو گوگل نقش آھي. نوٽ، رستي جي باري ۾ بابت. سي ايم ايس ڪم ڪندو، توهان کي نقشي کي ڏسڻ لاء هڪ لنڪ تي ڪلڪ ڪرڻو پوندو. اهو توهان جي صفحي تي به نه هوندي.

جيڪڏھن توھان جو نقشو ظاھر نه ٿيو، ان کي شروعات ڪرڻ جي ڪوشش ڪريو BODY خاصيت:

onload = "شروعاتي ()" >

ٻي شين جي چيڪ ڪرڻ لاء جيڪڏهن توهان جو نقشو لوڊ نه ٿي هجي ها شامل آهن:

• توھان جا جاوا اسڪرپٽ ۾ ٽائپوس لاء ڏسو، صورت سميت. جاوا اسڪرپٽ حساس آهي.
• پڪ ڪريو ته توهان وٽ وڏو ۽ مرڪز اختيارن جو سيٽ آهي.
• پڪ ڪريو ته صحيح ID سان توهان جي DIV عنصر تي آهي.
• پڪ ڪريو ته توهان جي DIV عنصر اونچائي آهي.

04 جو 05

پنھنجي نقشي ۾ مارڪر شامل ڪريو

پر توهان جو ڪهڙو نقشو توهان جي مقام جو آهي جيڪڏهن ڪو نشان مارڪ نه هجي ته ماڻهو ڪيئن وڃن جتي اهي وڃن پيا؟

معياري گوگل نقشي کي ڳاڙهي مارڪ ڪندڙ شامل ڪرڻ لاء هيٺ ڏنل لکيت کي هيٺ ڏنل لسٽ وارين نقشي = = لائن:

var myLatlng = نئون google.maps.LatLng ( طول و عرض، ڊگھائي )؛
var marker = new google.maps.Marker ({
جڳهه: منهنجي لاليگ،
نقشو: نقشو،
عنوان: " اڳوڻي About.com مرڪزي مرڪزي "
})؛

نمايان ٿيل متن ۽ طول و عرض جي ڊگھائي متن ۾ تبديل ڪريو ۽ ماڻھو جنھن کي مارڪر تي گھمائڻ جو عنوان توھان ظاھر ٿيڻ چاھيو ٿا.

توهان جيئن پسند ڪري سگهو ٿا جئين ته ڪيتريون ئي مارڪرڪ صفحي کي شامل ڪري سگهو ٿا، صرف نون همراهڪن ۽ عنوان سان نون متغير شامل ڪريو، پر جيڪڏهن نقشي سڀني مارڪرز کي ڊسپلي ڪرڻ لاء تمام ننڍو آهي، اهي پڙهندڙن کي زمس کان ٻاهر نه ڏيکاريندا.

var latlng 2 = new google.maps.LatLng ( 37.3316591، -122.0301778 )؛
var myMarker 2 = new google.maps.Marker ({
پوزيشن: لاطيني 2 ،
نقشو: نقشو،
عنوان: " ايپل ڪمپيوٽر "
})؛

هتي ھڪ نقشو ھڪڙي نقشو گوگل نقش جو نشان آھي. نوٽ، رستي جي باري ۾ اٽڪل.com CMS ڪم ڪري، توهان کي نقشي کي ڏسڻ لاء هڪ لنڪ تي ڪلڪ ڪيو آهي. اهو توهان جي صفحي تي به نه هوندي.

05 جي 05

ٻيو حصو (يا وڌيڪ) توهان جي صفحو ڏانهن نقشي

جيڪڏهن توهان منهنجو مثال ڏسي رهيا آهيو گوگل نقشا صفحي تي توهان کي اهو نوٽيس ڏيندو آهي ته منهنجي هڪ کان وڌيڪ نقشي واري صفحي تي ڏيکاري آهي. اهو تمام آسان آهي. هتي ڪيئن آهي

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")، myOptions2)؛
4. جيڪڏهن توهان نئون نقشو تي مارڪر چاهيو ٿا، ٻيو سيڪنڊر مارڪ ڪندڙ ٻئي سيڪنڊن ۽ ٻيو نقشو تي شامل ڪريو.
   var myMarker2 = نئون google.maps.Marker ({پوسٽ: latlng2 ، نقشي: نقشي 2 ، عنوان: " توهان جو مارڪرڪ عنوان "})؛
5. ان کان پوء سيڪنڊ شامل ڪريو

   جتي توهان ٻيو نقشو چاهيو ٿا. ۽ ان کي ڏيو id = "map_canvas_2" جي سڃاڻپ ڪريو.

6. جڏهن توهان جو صفحو بوٽ، ٻه نقشا ڏيکاريا ويندا

ھتي ڪلڪ ڪري ھڪڙي پيج تي ھڪ ٻئي جا نقشا ٺاھيو: