Question

似乎无法使其发挥作用

function initialize() {
  var myLatlngBDG = new google.maps.LatLng(-6.913947, 107.633825);

  var mapOptionsBDG = {
   zoom: 5,
   center: myLatlngBDG,
   mapTypeId: google.maps.MapTypeId.ROADMAP,
   mapTypeControl: 0
  }
   var mapBDG = new google.maps.Map(document.getElementById('map-BDG'), mapOptionsBDG);

   var markerBDG = new google.maps.Marker({
  position: myLatlngBDG,
  map: mapBDG,
  title: 'PT. Buana Citra Abadi Bandung'
  });

};
 google.maps.event.addDomListener(window, 'load', initialize);

显示地图本身，但不显示标记，标题也是如此根据{{3}}我需要写marker.setMap()来显示标记，但正如您所见，我已经写过了

如果问题本身不在javascript中那么这可能是问题

包含HTML中脚本的订单：

<html>
<<link rel="stylesheet" type="text/css" href="css/map.css"/>
<script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB8k-8ztQ6Vk34XP6OEBMZ7PryuMx8jjX8&callback=initMap"></script>
<script src="js/map.js"></script>
</html>

新问题 为什么地图有时会出现有时消失？我的意思是当我刷新页面时，它会消失，我刷新几次然后重新出现

Answer 1

似乎一切都很好，以此代码为例，检查一下你可能发现任何差异

＆＃13;

google.maps.event.addDomListener(window, "load", function () {
    var myLatlngBDG = new google.maps.LatLng(-6.913947, 107.633825);

    var mapOptionsBDG = {
        zoom: 5,
        center: myLatlngBDG,
        mapTypeId: google.maps.MapTypeId.ROADMAP,
        mapTypeControl: 0
    }
    var mapBDG = new google.maps.Map(document.getElementById("map-BDG"), mapOptionsBDG);

    var markerBDG = new google.maps.Marker({
        position: myLatlngBDG,
        map: mapBDG,
        title: 'PT. Buana Citra Abadi Bandung'
    });

    markerBDG.setMap(mapBDG);
});

＆＃13;

#map-BDG{
  width:500px;
  height:300px;
}

＆＃13;

<!DOCTYPE html>
<html>

  <head>
    <link rel="stylesheet" href="style.css"/>
  </head>

  <body>
    <h1>Maps Example</h1>
    <div id="map-BDG"></div>
    <script async defer src="https://maps.googleapis.com/maps/api/js?key=AIzaSyB8k-8ztQ6Vk34XP6OEBMZ7PryuMx8jjX8"></script>
    <script src="script.js"></script>
  </body>

</html>

＆＃13;

我的谷歌地图中没有显示标记

1 个答案: