添加标记无法在谷歌地图javascript上工作

时间:2015-05-24 19:41:16

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

我一直试图让地方标记功能起作用,但每次点击地图时标记都不会显示。我已经尝试在函数内部添加console.log()语句,当您单击地图并获取正确的参数时,程序会进入该函数,但标记不会显示。如果有人可以帮助我欣赏它。

<html>
<head>
    <script src="http://maps.googleapis.com/maps/api/js"></script>
    <script>
        var map,
            myLatLng = new google.maps.LatLng(55.8617, -4.2417);
        function initialize() {
            var mapOptions = {
                center: myLatLng,
                zoom: 15
            },
            marker;

            var map = new google.maps.Map(document.getElementById("mapDiv"), mapOptions);

            placeMarker(myLatLng);

            google.maps.event.addListener(map, 'click', function(event) {
                placeMarker(event.latLng);
            });
        }

        function placeMarker(location) {
            marker = new google.maps.Marker({
                position: location,
                map: map
            });
        }
        google.maps.event.addDomListener(window, 'load', initialize);
    </script>
</head>

<body>
    <div id="mapDiv" style="width:500px;height:380px;"></div>
</body>
</html>

1 个答案:

答案 0 :(得分:0)

实际上找出了我自己的问题的答案。两次声明地图变量,实际上花了我一个多小时注意到:(