Question

我正在尝试在网页上的谷歌地图上显示标记。

<html>
<head>
<script src="http://maps.googleapis.com/maps/api/js"></script>
<script>
window.MY = {};
function test() {
    addMarker(new google.maps.LatLng(88.4, 22.5));
}

function addMarker(myLatlng) {
    var marker = new google.maps.Marker({
        position: myLatlng,
        map: MY.map
    });
}
function initialize() {
    var myOptions = {
        zoom: 4,
        mapTypeId: google.maps.MapTypeId.ROADMAP
      };
      MY.map = new google.maps.Map(document.getElementById("googleMap"), myOptions);
      navigator.geolocation.getCurrentPosition(function(position) {
          MY.map.setCenter(new google.maps.LatLng(position.coords.latitude,position.coords.longitude));
        });
      google.maps.event.addListener(MY.map, 'click', function(event) {
            addMarker(event.latLng);
          });
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>

<body>
<div id="googleMap" style="height:380px;"></div>
<button onclick="test()">test</button>
</body>

</html>

当我点击地图时，标记会显示，但是当我点击测试按钮时，标记不会显示在指定位置（88.4,22.5）。有人可以解释一下这种行为。

Answer 1

用

替换你的功能测试

function test() {
var position = new google.maps.LatLng(88.4, 22.5)
addMarker(position);
MY.map.setCenter(position);
}

您的标记落在地图的视口之外。

Answer 2

位置google.maps.LatLng(88.4,22.5) is above the arctic circle。纬度88.4非常接近北极。

也许您想要google.maps.LatLng(22.5,-88.4) (in the Gulf of Mexico)或google.maps.LatLng(22.5,88.4) (Kolkata, India)。

标记没有出现在谷歌地图上

2 个答案: