如何在Google地图中添加标记?

时间:2014-07-05 14:23:32

标签: javascript google-maps

我已经创建了一张我很满意的自定义地图。我已经尝试按照文档来实现标记,但是出了什么问题?

开发人员工具告诉我有参考错误,我的latling没有定义。不知道如何解决它。

这就是我所拥有的:

<script>
    window.onload = function () {

        var latlng = new google.maps.LatLng(51.523612, -0.125816);

        var styles = [{
            "featureType": "poi",
            "stylers": [{
                "saturation": -100
            }, {
                "visibility": "off"
            }]
        }, {
            "stylers": [{
                "saturation": -100
            }]
        }, {
            "elementType": "geometry.stroke",
            "stylers": [{
                "visibility": "off"
            }]
        }, {}];

        var myOptions = {
            zoom: 18,
            center: latlng,
            mapTypeId: google.maps.MapTypeId.ROADMAP,
            disableDefaultUI: true,
            styles: styles
        };

        map = new google.maps.Map(document.getElementById('map'), myOptions);
        var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title: "Hello World!"
        });
        marker.setMap(map);
    }
</script>

2 个答案:

答案 0 :(得分:1)

在代码的开头有

var latlng = ...

最后使用myLatLng

这些是不同的,你应该使用相同的。将myLatLng更改为latlng

或者,如果您希望标记位于其他位置,则应首先定义myLatLng(就像您在开头定义latlng一样),然后创建标记。

答案 1 :(得分:0)

你有

var latlng = new google.maps.LatLng(51.523612, -0.125816)

其中var为latlng但在下面尝试使用

进行定义
position: myLatlng,

我在其他地方看不到myLatlng