Question

我有一张我正在制作的地图。我是JS和Map API的新手。我发现了一个Demo并且正在修改它以满足我的需求我的问题是地图有效。它以正确的位置为中心，但在初始化时不会渲染标记。但是，它会在请求驾驶路线时渲染标记。我已经阅读了所有内容，无处不在，直到我的眼睛受到伤害，并且仍然无法掌握在代码中放置标记的位置。当我把它放在我认为应该去的代码中时，它就不会渲染。

我有一个小提琴，其中包含所有代码。如果有人可以查看它并指出我应该在哪里添加标记以便它在地图初始化中呈现

，那将是非常棒的

小提琴在这里http://jsfiddle.net/hughesjoseph/nADJK/

我试图将标记放在此函数中，因为我相信它会渲染初始地图。

                mapSetup = function () {

                map = new google.maps.Map($Selectors.mapCanvas, {
                    zoom: 16,
                    center: new google.maps.LatLng(32.565243, -97.130531),

                    mapTypeControl: true,
                    mapTypeControlOptions: {
                        style: google.maps.MapTypeControlStyle.DEFAULT,
                        position: google.maps.ControlPosition.TOP_RIGHT
                    },

                    panControl: true,
                    panControlOptions: {
                        position: google.maps.ControlPosition.RIGHT_TOP
                    },

                    zoomControl: true,
                    zoomControlOptions: {
                        style: google.maps.ZoomControlStyle.LARGE,
                        position: google.maps.ControlPosition.RIGHT_TOP
                    },

                    scaleControl: true,
                    streetViewControl: true,
                    overviewMapControl: true,

                    mapTypeId: google.maps.MapTypeId.ROADMAP
                });

                autoCompleteSetup();
                directionsSetup();
                trafficSetup();
            }, // mapSetup Ends

Answer 1

您可以在初始化map变量后立即放置标记，这样mapSetup函数将如下所示：

mapSetup = function () {
    map = new google.maps.Map($Selectors.mapCanvas, {
        zoom: 16,
        center: new google.maps.LatLng(32.565243, -97.130531),

        mapTypeControl: true,
        mapTypeControlOptions: {
            style: google.maps.MapTypeControlStyle.DEFAULT,
            position: google.maps.ControlPosition.TOP_RIGHT
        },

        panControl: true,
        panControlOptions: {
            position: google.maps.ControlPosition.RIGHT_TOP
        },

        zoomControl: true,
        zoomControlOptions: {
        style: google.maps.ZoomControlStyle.LARGE,
            position: google.maps.ControlPosition.RIGHT_TOP
        },

        scaleControl: true,
        streetViewControl: true,
        overviewMapControl: true,

        mapTypeId: google.maps.MapTypeId.ROADMAP
    });

    var marker1 = new google.maps.Marker({
        position: new google.maps.LatLng(32.565243, -97.130531),
        map: map
    });

    autoCompleteSetup();
    directionsSetup();
    trafficSetup();
}, // mapSetup Ends

http://jsfiddle.net/nADJK/10/

为什么我的Google Map API Ver3不允许我显示标记，但它会在方向上呈现标记？

1 个答案: