javascript - 添加标记到 Google map

Question

我正在使用 Javascript API 创建 map ，但在显示标记时遇到一些问题。

我按照本教程创建了 map ，效果很好:

https://developers.google.com/maps/tutorials/fundamentals/adding-a-google-map

然后我按照本教程添加了标记，但它没有加载:

https://developers.google.com/maps/documentation/javascript/examples/marker-simple

现在这是我的代码:

            <script>
        function initialize() {
            var map_canvas = document.getElementById('map_canvas');
            var map_options = {
            center: new google.maps.LatLng(43.643296, -79.408475),
            zoom: 15,
            mapTypeId: google.maps.MapTypeId.ROADMAP }
            var map = new google.maps.Map(map_canvas, map_options, marker);
            var marker = new google.maps.Marker({
            position: myLatlng,
            map: map,
            title:"Hello World!" });
            }

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

            </script>

Answer 1

这一行

var map = new google.maps.Map(map_canvas, map_options, marker);

是错误的。 map构造函数只有两个参数。应该是

   var map = new google.maps.Map(map_canvas, map_options);

并且 myLatlng 未定义。因此，您可以将代码更改为:

function initialize() {
    myLatlng = new google.maps.LatLng(43.643296, -79.408475);

    var map_canvas = document.getElementById('map');
    var map_options = {
        center: myLatlng,
        zoom: 15,
    mapTypeId: google.maps.MapTypeId.ROADMAP }
    var map = new google.maps.Map(map_canvas, map_options);

    var marker = new google.maps.Marker({
        position: myLatlng,
        map: map,
        title:"Hello World!" });
}