Me pehea te Whakaritea i te Mahere Google ki to Tukutuku Whārangi

01 o 05

Whakaritehia he Mapi API Mahere Google mo to Pae

Ko te tirohanga a te kapua ki te Paetukutuku Haapori Google. Mataara mata na J Kyrnin

Ko te huarahi pai ki te whakauru i te mahere Google ki to paetukutuku ko te whakamahi i nga Maps Google API. A ka tūtohu a Google kia whiwhi koe i tetahi mahinga API hei whakamahi i nga mahere.

Kaore koe e hiahiatia kia whiwhi i te mahinga API hei whakamahi i nga Maps Google API v3, engari he tino whai hua ka taea e koe te aroturuki i to whakamahinga me te utu mo te uru atu. Mahere Maps API v3 he 1 tono mo ia wahanga ia kaiwhakamahi ki te 25,000 tono mo ia ra. Mena ko nga waarangi ka nui atu i nga rohe ka hiahia koe ki te whakahohe i te putea kia nui atu ai.

Me pehea te tiki mahere Google API

  1. Whakauru ki a Google ma te whakamahi i to taakete Google.
  2. Haere ki te Kaihautū Whakatairanga
  3. Patohia te rarangi ka kitea te Mahere Google API v3, ka panui i te "OFF" kia pa ai.
  4. Pānuihia me te whakaae ki nga tikanga.
  5. Haere ki te APIs console me te whiriwhiri "API Access" mai i te tahua maui-ringa
  6. I roto i te "Simple API Access" wāhanga, pāwhiri i runga i te "Hangahanga hou Tūmau Tūmau ..." pātene.
  7. Tāurutia te wāhitau IP o tō tūmau tukutuku. Koinei te IP kei hea nga tono a to Mahere. Mena kaore koe i mohio ki taau IP IP, ka taea e koe te titiro atu.
  8. Tāruatia te tuhinga ki runga i te "API:" raina (kaua e whakauru atu ki taua taitara). Koinei to maatau API mo o mahere.

02 o 05

Tahuri i to Wāhitau ki te Whakahaere

Whakamahia nga tau kua tohua mo te latitude me te longitude. Mataara mata na J Kyrnin

Hei whakamahi i nga Mahere Maps i runga i o rarangi tukutuku, me hiahia koe ki te whai i te latitude me te longitude mo te tauwāhi. Ka taea e koe te tiki i enei mai i te GPS ranei ka taea e koe te whakamahi i te taputapu ipurangi rite Geocoder.us ki te korero ki a koe.

  1. Haere ki Geocoder.us ka tuhi i to wahitau i roto i te pouaka rapu.
  2. Tāruatia te nama tuatahi mo te latitude (me te kore he reta i mua) me te whakapiri ki roto i te kōnae kuputuhi. Kaore koe i te tohu tohu (º).
  3. Tāruatia te nama tuatahi mo te longitude (ano hoki kahore he reta i mua) me te whakapiri i roto i to kōnae.

Ko to tautuhi me to wa roa ka titiro penei:

40.756076
-73.990838

Kei te mahi a Geocoder.us mo nga wahitau US, mehemea ka hiahia koe ki te tiki i nga kaute i tetahi atu whenua, me rapu koe i tetahi taputapu rite i to rohe.

Tuhinga o mua

Tāpirihia te mahere ki tō Whārangi Tukutuku

Mahere Google. Matapihi na J Kyrnin - Mahere mahere na Google

Tuatahi, Tāpirihia te Hōtuhi Mahere ki te

Tuhinga o mua

Whakatūwherahia tō whārangi tukutuku me te tāpiri i te whai ake nei ki te HEAD o to tuhinga.

Hurihia te waahi i tohuhia ki nga taurangi latitude me te roa kua tuhituhia e koe ki te taahiraa rua.

Tuarua, Tāpirihia te Mahere Mahere ki to Whārangi

Mena ka whai koe i nga mea whakahirahira katoa kua whakaurua ki te HEAD o to tuhinga, me tuhi mahere i te mahere. Ka mahi koe i tenei ma te whakauru i tetahi mea DIV me te id = "huanga-mahere". Ka tūtohu ahau ki a koe ano ki te hanga i tenei keehi me te whanui me te teitei e uru ana ki taau waahanga:

Hei whakamutunga, Tukuna me te Tohu

Ko te mea whakamutunga ki te mahi, ko te tuku i to tuhinga me te whakamatautau i to whakaaturanga mahere. Anei he tauira o te mahere Google i te whārangi. Kia mahara, no te mea kei te mahi a About.com CMS, ka tukuna he hononga kia puta mai ai te mahere. Kaore tenei i te take i to taangata.

Mena kaore e whakaatuhia ana mahere maatau, ka ngana ki te tautuhi i te waahanga me te huanga PAI:

onload = "tautuhi ()" >

Ko etahi atu mea hei tirotiro mēnā kaore e kiihia ana mahere mahere:

04 o te 05

Tāpirihia he Marker ki to Mahere

Mahere Google me te tohu. Matapihi na J Kyrnin - Mahere mahere na Google

Engari he aha te pai o te mahere o to kaaunga ki te kore he tohu e korero ana ki nga tangata ki hea e haere ai?

Hei tāpiri i tetahi tohu tohu mahere o Google Maps ka toha i te whai ake nei ki to tuhinga i raro i te mahere rererangi = ... raina:

var myLatlng = new google.maps.LatLng ( latitude, longitude );
var marker = new google.maps.Marker ({
tūranga: myLatlng,
mahere: mahere,
taitara: " Ko te Tari o mua mo About.com "
});

Huria te tuhinga kua tohua ki to latitude me te longitude me te taitara e hiahia ana koe ki te puta mai ina huri te tangata i te tohu.

Ka taea e koe te whakauru i te maha o nga tohu ki te whārangi e hiahia ana koe, me te whakauru noa i nga taurangi hou ki nga kaute me nga taitara hou, engari ki te iti rawa te mahere kia whakaatu i nga tohu katoa, kaore e whakaatuhia ki te kore te kaipānui e pupuhi.

var latlng 2 = google.maps.LatLng ( 37.3316591, -122.0301778 );
var myMarker 2 = new google.maps.Marker ({
tūranga: latlng 2 ,
mahere: mahere,
taitara: " Apple Rorohiko "
});

Anei he tauira o te mahere Google me te tohu. Kia mahara, no te mea kei te mahi a About.com CMS, me kii koe i tetahi hono kia puta mai ai te mahere. Kaore tenei i te take i to taangata.

Tuhinga o mua

Tāpirihia he Mahere Tuarua (neke atu ranei) ki tou Whārangi

Mena kua titiro koe ki taku tauira mahere mahere Google ka kite koe kei te nui atu i te kotahi mahere e whakaaturia ana i te whaarangi. He tino ngawari tenei ki te mahi. Tenei te pehea.

  1. Tikina te latitude me te roa o nga mahere katoa e hiahia ana koe ki te whakaatu hei akoako i te taahiraa 2 o tenei akoranga.
  2. Whakauruhia te mahere tuatahi i akohia e matou i te waahanga 3 o tenei akoranga. Ki te hiahia koe ki te mahere kia whai tohu, whakaurua te tohu ki te taahiraa 4.
  3. Mo te mahere tuarua, me hiahia koe ki te whakauru i nga raina hou e toru ki to maatatanga ():
    var latlng2 = google.maps.LatLng hou ( kounga tuarua );
    var myOptions2 = = haere: 18, pokapū: latlng2, mahereTypeId: google.maps.MapTypeId.ROADMAP};
    var map2 = new google.maps.Map (document.getElementById ("map_canvas_2"), myOptions2);
  4. Mena ka hiahia koe ki tetahi tohu i runga i te mahere hou hoki, tapiritia he tohu tohu tuarua i nga waahanga tuarua me te mahere tuarua:
    var myMarker2 = new google.maps.Marker ({tūranga: latlng2 , mahere: mahere2 , taitara: "Ko to Ingoa Taatuhi "});
  5. Na ka tapiritia te tuarua

    kei hea koe e hiahia ana ki te mahere tuarua. A kia tino hoatu ki a ia he id = "map_canvas_2" ID.

  6. A, no te kawenga o to pepa, e rua mahere e whakaatu

Anei te waehere o te wharangi me nga mahere e rua o Google kei reira: