Google 地图没有显示我的脚本中可能存在的问题？（关闭）

Question

为什么我的 google 地图没有显示在我的脚本中可能是什么问题？我想添加一些元素单击事件以缩放或跳转到该位置，但在添加一些更改后我的地图没有显示。

可以正常使用代码已更新。

<script>
var map;
var markerArr = [];

function initMap() {

var myLatLng = {lat: -32.74, lng: 115.72};

var mapProp= {
    center: myLatLng,
    zoom: 5,
};

map = new google.maps.Map(document.getElementById('map'), mapProp);

for (i = 0; i < locations.length; i++) {  
    console.log(locations[i]);
    var marker = new google.maps.Marker({
        position: new google.maps.LatLng(locations[i][0], locations[i][1]),
        map: map,
        title: locations[i][0]
    });
    markerArr.push(marker);
}
}

function jumpToMarker(cnt){
    map.panTo(markerArr[cnt].getPosition());
    map.setZoom(15);
}
</script>

<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyBsKtyjwdGFWNdUML_0lXGph-6PaRNGKJHhhs3d0hgh7vE&callback=initMap">

为什么我的 google 地图没有显示在我的脚本中可能是什么问题？我想添加一些元素单击事件以缩放或跳转到该位置，但在添加一些更改后我的地图没有显示。

Answer 1

添加您的 Google 地图 APK 密钥

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

您可以按照下面 link 中的步骤获得 API

https://developers.google.com/maps/documentation/javascript/get-api-key?utm_source=google&utm_medium=cpc&utm_campaign=FY20-Q3-global-demandgen-displayonnetworkhouseads-cs-GMP_maps_contactsal_saf_v2&utm_content=text-ad-none-none-DEV_m-CRE_434785623056-ADGP_Hybrid%20%7C%20AW%20SEM%20%7C%20BKWS%20~%20Brand%20%7C%20BMM%20%7C%20Google%20Maps%20Javascript%20API-KWID_43700053663474735-aud-903284319780%3Akwd-341556983684-userloc_1010294&utm_term=KW_%2Bmaps%20%2Bjavascript%20%2Bapi-ST_%2Bmaps%20%2Bjavascript%20%2Bapi&&gclid=Cj0KCQjw59n8BRD2ARIsAAmgPmJh9xjiYPCqoQZ0CoTm8rj7nJllctB3qEbtuIJkUQEGcMWL6aA9zk4aAkW0EALw_wcB

Google 地图没有显示我的脚本中可能存在的问题？（关闭）

Google map is not showing what could be the problem in my script?(closed)

jquery

google-maps

google-maps-markers