Question

我有这部分代码，应该在某些位置的谷歌地图上显示引脚。

  <script>
$(document).ready(function () {
    var map;
    var elevator;
    var myOptions = {
        zoom: 1,
        center: new google.maps.LatLng(0, 0),
        mapTypeId: 'terrain'
    };
    map = new google.maps.Map($('#map_canvas')[0], myOptions);

    var addresses = ['Sarajevo', 'Africa', 'Asia','North America','South America'];

    for (var x = 0; x < addresses.length; x++) {
        $.getJSON('http://maps.googleapis.com/maps/api/geocode/json?address='+addresses[x]+'&sensor=false', null, function (data) {
            var p = data.results[0].geometry.location;
            var latlng = new google.maps.LatLng(p.lat, p.lng);
            new google.maps.Marker({
                position: latlng,
                map: map,
                icon: "http://i.imgur.com/DOd1sH3.png"
            });

        });
    }

});

    <div id="map_canvas"></div>

地图显示并且一切正常，但未显示位置的引脚。我真的不知道为什么。

Answer 1

好像你在没有引用变量的情况下调用构造函数。

试试这个：

var marker = new google.maps.Marker({
             position: latlng,
             map: map,
             icon: "http://i.imgur.com/D0d1sH3.png"
});

或者，您可以通过调用setMap函数

将标记设置为地图

var marker = new google.maps.Marker({
             position: latlng,
             icon: "http://i.imgur.com/D0d1sH3.png"
});

marker.setMap(map);

希望这有帮助

谷歌地图不起作用

1 个答案: