Faʻapefea ona Faʻaopoopo se Google Map i Lau Itulau Upega

01 o le 05

Maua se Google Maps API Key mo Lau Nofoaga

O le auala sili e faʻaopopo ai se Google map i lau 'upega tafaʻilagi o le faʻaaoga Google Maps API. Ma Google e fautuaina oe e maua se kī API e faʻaoga ai faʻafanua.

E te le manaʻomia le mauaina o le API i le faʻaaogaina o Google Maps API v3, ae e aoga tele pe a mafai ona e mataʻituina lau faʻaaoga ma totogi mo avanoa faaopoopo. Google Maps API v3 ei ai le quota o le 1 talosaga i le lua i le tagata e oʻo i le maualuga o le 25,000 talosaga i le aso. Afai o lau itulau e sili atu i na tapulaʻa o le a e manaʻomia e mafai ai ona fai le faletupe ina ia maua atili ai.

Faʻapefea ona maua se Google Maps API Key

1. Ulufale i Google e faʻaaoga lau Google account.
2. Alu i le faʻafiafiaga o Atinaʻe
3. Faʻasalalau i totonu o le lisi ma maua ai le Google Maps API v3, ona kiliki lea i le "OFF" button e faʻaaoga ai.
4. Faitau ma malie i tuutuuga.
5. Alu i le APIs console ma filifili le "API Access" mai le lisi tauagavale
6. I le "Simple API Access" vaega, kiliki i luga o le "Fausiaina o le tavini fou o le Fesoʻotaʻiga ...".
7. Ulufale le tuatusi IP o lau upega tafaʻilagi. O le IP lenei i le mea o le a sau ai lau faʻafanua Maps. Afai e te le iloa lau tuatusi IP, e mafai ona e tilotilo i ai.
8. Kopi le tusiga i luga o le "API key:" laina (e le aofia ai lena ulutala). O lau API lenei mo au faafanua.

02 o le 05

Suʻe Lau Tuatusi e Faʻatonu

Mo le faʻaaogaina o Google Maps i au itulau web, e tatau ona e maua le latitude ma le longitude mo le nofoaga. E mafai ona e maua nei mai le GPS poʻo oe e mafai ona faʻaogaina se meafaigaluega i le initoneti e pei o Geocoder.us e taʻu atu ia oe.

1. Alu i le Geocoder.us ma faʻapipiʻi i lau tuatusi i le pusa saili.
2. Kopi le numera muamua mo le latitude (aunoa ma se mataitusi i luma) ma faapipii i se faila faila. E te le manaʻomia le tikeri (º) faʻaalia.
3. Kopi le numera muamua mo le longitude (toe aunoa ma se tusi i luma) ma faapipii i lau faila faila.

O lou latitude ma le longitude o le a foliga foliga faapenei:

40.756076
-73.990838

Geocoder.us e naʻo galuega mo US, pe afai e te manaʻomia le faʻamaopoopoina i se isi atunuʻu, e tatau ona e sailia se meafaigaluega faapena i lau eria.

03 o le 05

Faaopopoina o le Laufanua i Lau Itulau Upega

Muamua, Faʻaopoopo le Lisi Faʻafanua i le

o lau Tusi

Tatala lau itulau uepisaʻi ma faʻaopopo mea nei i le HEAD o lau pepa.

Suia le vaega ua faʻamaonia i le latitude ma numera o le longitude na e tusia i lalo i le laasaga lua.

Lua, Faʻaopoopo le Faiga Faʻafanua i Lau Itulau

O le taimi lava e te faʻaaogaina ai elemene uma i le HEAD o lau pepa, e manaʻomia lou faʻatulagaina o lau faʻafanua i le itulau. E te faia lenei mea e ala i le faaopoopoina o se elemene VIV ma le id = "uiga-tapoleni" uiga. Ou te fautua atu ia te oe e te faia foi lenei vaevaega i le lautele ma le maualuga e fetaui i lau itulau:

Mulimuli ane, Lolomi ma Suʻega

O le mea mulimuli e fai o le lauina lea o lau itulau ma suʻe lau faʻafanua. O se faʻataʻitaʻiga lenei o le Google map ile itulau. Manatua, ona o le auala e galue ai le About.com CMS, e tatau ona e kiliki se fesoʻotaʻiga ina ia faʻaalia ai le faʻafanua. E le o le tulaga lenei i lau itulau.

Afai e le o faʻaalia lau faafanua, taumafai e amataina i se uiga BODY:

lugaload = "amataina ()" >

Isi mea e siakiina pe afai e le o faʻatauina lau faʻafanua e aofia ai:

• Vaavaai mo tafaoga i lau JavaScript, e aofia ai le mataupu. O le faʻavasegaina o Java e faʻapitoa.
• Ia mautinoa o loʻo ia te oe le faʻailoga ma le faʻaogaina o mea e filifili ai.
• Ia mautinoa o loʻo i ai i luga o le itulau lau elemene VIVI ma le saʻo saʻo.
• Ia mautinoa o loʻo i ai le maualuga o lau elemene VIV.

04 o le 05

Faaopopo se Faailoga i Lau Laufanua

Ae o le a le lelei o se faafanua o lou tulaga pe afai e leai se faailoga e tau atu i tagata le mea e tatau ona latou oi ai?

Ina ia faaopoopo i ai se faʻataʻitaʻiga moli mataʻitusi Google Maps faʻaopoopo i ai i lau tusiga i lalo ifo o le suiga o le map = ... laina:

var myLatlng = google.maps.LatLng ( latitude, longitude );
var marker = google.maps.Marker ({
tulaga: MyLatlng,
faʻafanua: faʻafanua,
suafa: " Former About.com Headquarters "
});

Suʻe le mea ua faʻamalamalamaina i lou latitude ma le longitude ma le ulutala e te manaʻo e faʻaalia pe a paʻu le tagata ile faailoga.

E mafai ona e faʻaopoopoga le tele o maka i le itulau e te manaʻo ai, ia faaopoopo faʻauiga fou i faʻasalalauga fou ma ulutala, ae afai o le faafanua e laʻititi tele e faʻaalia uma faailoga, o le a latou le faaalia seiloga e le o ese le tagata faitau.

var latlng 2 = google.maps.LatLng ( 37.3316591, -122.0301778 );
var myMarker 2 = google.maps.Marker ({
tulaga: latlng 2 ,
faʻafanua: faʻafanua,
suafa: " Apple Computer "
});

O se faʻataʻitaʻiga lenei o le Google map ma se maka. Manatua, ona o le auala e galue ai le About.com CMS, e tatau ona e kiliki se fesoʻotaʻiga ina ia faʻaalia ai le faʻafanua. E le o le tulaga lenei i lau itulau.

05 o le 05

Faʻaopopo se Lua (poʻo le Sili) Map i Lau Itulau

Afai na e tilotilo i laʻu faʻataʻitaʻiga Google maps map o le ae matauina e sili atu ma le tasi le faʻafanua o loʻo faʻaalia i luga o le itulau. E faigofie tele lenei mea. O le auala lenei.

1. Maua le latitude ma le longitude o faʻafanua uma e te manaʻo e faʻaalia aʻo matou aʻoaʻoina i le Laasaga 2 o lenei aʻoaʻoga.
2. Faʻaofi le ata muamua e pei ona matou aʻoaʻoina i le Laasaga 3 o lenei aʻoaʻoga. Afai e te manaʻo i le faʻafanua e fai ma faailoga, faʻaopoopo le maka e pei o le Laasaga 4.
3. Mo le faʻafanua lona lua, o le ae manaʻomia e faʻaopoopo 3 laina fou i lau initialize () script:
   var latlng2 = google.maps.LatLng google ( fesoʻotaʻiga lona lua );
   var myOptions2 = {zoom: 18, nofoaga tutotonu: latlng2, mapTypeId: google.maps.MapTypeId.ROADMAP};
   var carte2 = google.maps.Map (document.getElementById ("map_canvas_2"), myOptions2);
4. Afai e te manaʻo i se faailoga i luga o le faafanua fou foi, ia faaopoopo se faailoga lona lua e tusi i le vaega lona lua ma le faafanua lona lua:
   var myMarker2 = google.maps.Marker ({position: latlng2 , map: map2 , ulutala: " O lau Igoa o le Faailoga ) ');
5. Ona faaopoopo lea o le lona lua

   lea e te manaʻo i ai le mapusaga lona lua. Ma mautinoa ia tuuina atu i ai le id = "map_canvas_2" ID.

6. A oʻo mai lau itulau, e lua faʻafanua o le a faʻaalia

O le code code lenei o le itulau lua ma luga o Google maps: