01 05
Калиди Google Maps API барои Get Your Site
Тарзи беҳтарини илова кардани харитаи Google ба вебсайти шумо ин аст, ки API Харитаи Google -ро истифода барад. Ва Google тавсия медиҳад, ки шумо барои истифодаи харитаҳо калиди API гиред.
Шумо талаб карда намешавад, ки калиди API-ро барои истифодаи харитаи Google Maps v3 истифода барад, аммо он хеле фоиданок аст, зеро шумо имконияти истифодаи мониторинги шуморо ва пардохт барои дастрасии иловагӣ иҷозат медиҳед. Google Maps API v3 дорои 1 дархост дар як сония барои як истифодабаранда ба ҳадди аксар 25,000 дархост дар як рӯз аст. Агар саҳифаҳои шумо аз меъёрҳои мазкур зиёд бошад, ба шумо лозим меояд, ки ба таври муфассал ба пуррагӣ пардохт кунед.
Чӣ тавр дастрасӣ ба API Харитаи Google
- Google бо истифодабарии ҳисоби шумо Google.
- Ба Идораи Индонезия равед
- Дар рӯйхат паймоиш кунед ва вираи Google Maps API -ро дарёфт кунед ва тугмаи "OFF" -ро пахш кунед.
- Шартҳои қабул ва розӣ шудан.
- Хизматрасонии "APEC" -ро интихоб кунед ва аз менюи чапи "API Дастрасӣ" -ро интихоб кунед
- Дар қисмати "Хусусияти API Ҳақиқӣ", тугмаи "Тугмаи нави кории сервер ..." -ро пахш кунед.
- Суроғаи IP-и сервери худро ворид кунед. Ин IP-ро, ки дархостҳои Харитаҳои шумо аз он меоянд, мебошад. Агар шумо суроғаи IP-ро надонед, шумо онро дида метавонед.
- Матнро дар калимаи "API калиди:" пахш кунед (аз он ҷумла ин унвон). Ин калиди API барои харитаҳои шумо аст.
02 05
Ба суроғаи шумо ба ҳамоҳангсозӣ табдил диҳед
Барои истифодаи харитаҳои Google дар саҳифаҳои вебсайтҳо, шумо бояд барои ҷойгиршавӣ ва самарабахш дошта бошед. Шумо метавонед ин дастгоҳҳоро аз GPS дарёфт кунед ё шумо метавонед як воситаи онлайнӣ ба монанди Geocoder.us -ро истифода баред.
- Ба Geocoder.us равед ва дар суроғаи ҷустуҷӯ нишонии худро нависед.
- Рақами яктарафаро барои параграфи (бе мактуб пешаки) нусхабардорӣ кунед ва онро ба файли матнӣ кашед. Шумо ба нишондиҳандаи дараҷаи (º) ниёз надоред.
- Рақами аввалро барои боркунӣ нусхабардорӣ кунед (боз бе рӯйхат пеш кунед) ва онро ба файли матни шумо гузорад.
Ватани шумо ва дарозии шумо чунин чизро чунин мебинад:
40.756076
-73.990838
Geocoder.us танҳо барои нишонии US кор мекунад, агар шумо ба ҳамоҳангсозӣ дар кишвари дигар ниёз дошта бошед, шумо бояд дар ин минтақа воситаҳои монандро ҷустуҷӯ кунед.
03 05
Илова кардани Map ба веб саҳифа
Аввалан, Саволҳо ба Map илова кунед
ҳуҷҷати шумо
Саҳифаи веб-и худро кушоед ва ба унвони унвони ҳуҷҷати шумо илова кунед.
Тағйир додани қисмати фишурда ба рақамҳои ватандӯстӣ ва дарозии шумо, ки шумо дар қадами ду навиштед.
Дуюм, Илова Element Map барои саҳифаи шумо
Пас аз он, ки ҳамаи унсурҳои сутуне, ки ба унвони ҳуҷҷати шумо илова карда шудаанд, шумо бояд дар бораи саҳифаҳои худро дар ҷои кор ҷойгир кунед. Шумо ин корро бо илова кардани элементи DIV бо ID = "map-canvas". Ба шумо тавсия медиҳам, ки ин рангро бо паҳн ва баландии он дар саҳифаи худ мувофиқ кунед:
Ниҳоят, Боркунӣ ва санҷиш
Шабакаи охирин ба кор даровардани саҳифаи худ ва санҷишест, ки харитаи шумо намоиш медиҳад. Ин намунаи харитаи Google дар саҳифа мебошад. Дар хотир доред, ки аз тарзи коргузории сомона оид ба CMS, шумо мехоҳед, ки харитаеро пайдо кунед, то ки харита пайдо шавад. Ин ҳолат дар саҳифаи шумо нахоҳад буд.
Агар хари шумо намебошад, кӯшиш кунед, ки бо хосиятҳои ООО:
"uploads")
Дигар чизҳо барои санҷидан, агар хари шумо бор нагардад:
- Ҷаҳиш ба ҷустуҷӯи хато дар JavaScript, аз ҷумла case. JavaScript ҳассос аст.
- Боварӣ ҳосил кунед, ки шумо имконоти зеркашӣ ва марказро доред.
- Боварӣ ҳосил кунед, ки элементҳои DIV дар саҳифа бо ID-и дуруст.
- Боварӣ ҳосил намоед, ки унсурҳои DIV-и шумо баландтарин дорад.
04 05
Маркерро ба Map кунед илова кунед
Аммо харитаи ҷойгиршавии шумо чӣ гуна аст, агар ягон нишондиҳанда ба мардуме, ки онҳо бояд рафтанӣ бошанд, вуҷуд надорад?
Барои илова кардани ишораи сурхҳои сурхҳои Google стандартҳои зеринро ба скрипти шумо илова кунед, ки харитаи вуҷуд дорад: ... сатри:
var myLatlng = google.maps.LatLng-нав (тирандозӣ , дарозӣ );
var marker = google.maps.Marker нав ({
Вазифа: myLatlng,
харита: харита,
унвон: " Қарори қаблӣ дар бораи "
});
Матни возеҳ ба виртуалӣ ва дарозии шумо ва унвонеро, ки шумо мехостед пайдо кунед, вақте ки одамон аз болои нишондиҳанда мегузаранд.
Шумо метавонед ба саҳифаҳои то андозае, ки шумо мехоҳед илова кунед, илова кунед, ки бо тағйирёбии нав бо ҳамоҳангсозӣ ва унвонҳои нав илова кунед, аммо агар хари на ҳама нишондиҳандаҳо нишон дода шавад, онҳо намоиш намедиҳанд, агар хонанда намоиш дода шавад.
var latlng 2 = google.maps.LatLng нависед ( 37.3316591, -122.0301778 );
var myMarker 2 = google.maps.Marker нав ({
мавқеъ: latlng 2 ,
харита: харита,
унвон: " Apple Computer "
});
Ин намунаи як харитаи Google бо нишондиҳанда мебошад. Дар хотир доред, ки бо роҳи CMS.com кор мекунед, шумо бояд пайвандеро барои гирифтани харита пайдо кунед. Ин ҳолат дар саҳифаи шумо нахоҳад буд.
05 05
Иловаи дуюм (ё зиёда) Map ба саҳифаи худ илова кунед
Агар шумо ба намунаи ман нигаред, дар саҳифаи мантиқии Google, шумо мефаҳмед, ки ман бештар аз як харита дар саҳифа мавҷуд ҳастам. Ин хеле осон аст. Ин тавр аст.
- Ҳама харитаҳоеро, ки шумо мехоҳед нишон диҳед, ки он дар марҳилаи 2-юми ин омӯзиш омӯхта шавад.
- Дар харитаи 3-и ин дастур Агар шумо хоҳед, ки харитаи як нишондиҳанда дошта бошад, нишондиҳандаҳоро дар қадами 4 илова кунед.
- Барои харитаи дуюм, шумо бояд ба 3 хатҳои нав илова кунед:
var latlng2 = google.maps.LatLng нависед ( ҳамоҳангсози дуюм );
var myOptions2 = {zoom: 18, center: latlng2, mapTypeId: google.maps.MapTypeId.ROADMAP};
var map2 = google.maps.Map нав (document.getElementById ("map_canvas_2"), myOptions2); - Агар шумо хоҳед, ки дар харитаи нав ҳам як нишондиҳанда мехоҳед, нишондиҳандаи дуюмро дар ҳамоҳангҳои дуюм ва харитаи дуюм илова кунед:
var myMarker2 = google.maps.Marker нав ({мавқеи: latlng2 , харитаи: map2 , унвон: " Номи Marker Your "}); - Сипас дуюмро илова кунед
ки дар он шумо харитаи дуюм мехоҳед. Ва боварӣ ҳосил кунед, ки он ID = "map_canvas_2" ID.
- Вақте ки саҳифаҳои шумо бор карда мешаванд, ду харита намоиш дода мешаванд
Дар ин ҷо рамзи як саҳифа бо ду харитаҳои Google дар он аст: