Muungano wa Map ya Google

Kuzengera mapya ya Google ya kawaida

Maelezo hii inakubaliana na kuzengera mapya ya Google yenye kuzingatia London, Uingereza:

Mfano

<!DOCTYPE html>
<html>
<body>
<h1>Mapya ya kwanza ya Google ya mimi</h1>
<div id="googleMap" style="width:100%;height:400px;"></div>
<script>
function myMap() {
var mapProp= {
  center:new google.maps.LatLng(51.508742,-0.120850),
  zoom:5,
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}
</script>
<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>
</body>
</html>

mpya, tunatokanisha kueleza maelezo yaliyotoka juu ya hii maelezo.

kina na ukurudisha hatua ya harakati

hatua ya harakati inahitaji kina HTML kufikiria mapya:

<div id="googleMap" style="width:100%;height:400px"></div>

kwa hivyo inayotengeneza ukurudisha hatua ya harakati ya google maps.

kubaliana inayotengeneza kwa kufungua uwezo wa hatua ya harakati ya google maps

function myMap() {
var mapProp = {
    center:new google.maps.LatLng(51.508742,-0.120850),
    zoom:5,
};
var map = new google.maps.Map(document.getElementById("googleMap"),mapProp);
}

mapProp Inadefini map ya uhusiano wa map.

center Inaangazia eneo kati cha map (kutumia ukweli na juu).

zoom Inaangazia ukizingatia kati ya map (ingiaja kumaliza map).

Tazama hii mabomu:

var map=new google.maps.Map(document.getElementById("googleMap"), mapProp);

Inatumia thamani ya kutumika (mapProp) Inaundwa map mpya kwenye elementi ya <div> yenye id="googleMap".

Map mbili

Mafano hii yanadefina map ya chini ya kawaida ya chini ya map ya mbili tofauti:

Mfano

var map1 = new google.maps.Map(document.getElementById("googleMap1"), mapOptions1);
var map2 = new google.maps.Map(document.getElementById("googleMap2"), mapOptions2);
var map3 = new google.maps.Map(document.getElementById("googleMap3"), mapOptions3);
var map4 = new google.maps.Map(document.getElementById("googleMap4"), mapOptions4);

Chapa cha API ya Google bila maalumani

Google inaruhusiwa kusaidia wengi wengine kuwasiliana na API ya Google kwa kina, kila siku mara mingi tu.

Tazama hapa chajia, ingiajea kuhakikisha kufikia chapa cha API key:

https://developers.google.com/maps/documentation/javascript/get-api-key

Google Maps inahitaji kufunguliwa API wakati wa kuchangia key Makosa hii API ya kifungu:

<script src="https://maps.googleapis.com/maps/api/js?key=YOUR_KEY&callback=myMap"></script>