标记不会显示在我的Google地图上

时间:2013-10-14 17:53:35

标签: javascript google-maps google-maps-api-3

我无法在我的谷歌地图上显示标记,下面是我的代码,我需要修复什么?感谢。

 <script>
    function initialize() {
        var map_canvas = document.getElementById('map_canvas');

        var map_options = {
            center: new google.maps.LatLng(37.661932, -94.306856),

            zoom: 12,
            mapTypeId: google.maps.MapTypeId.ROADMAP
        }

        var map = new google.maps.Map(map_canvas, map_options)
        var myMarker = new google.maps.Marker({
            position: LatLng(37.661932, -94.306856),

            title: "About.com Headquarters"
        });
        var latlng2 = new google.maps.LatLng(37.661932, -94.306856);
        var myMarker2 = new google.maps.Marker({
            position: latlng2,
            map: map,
            title: "Apple Computer"
        });

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

</script>

1 个答案:

答案 0 :(得分:1)

第一个标记“myMarker”存在两个问题。您没有指定地图,并且您没有像实际应用那样实例化“LatLng”对象。像这样更改第一个标记可以解决问题:

 var myMarker = new google.maps.Marker({
     position: new google.maps.LatLng(37.661932, -94.306856),
     map: map,
     title: "About.com Headquarters"
 });

第二个标记看起来很好。第一个标记可能会抛出错误,导致第二个标记也不会出现。