Question

我正在尝试将标记添加到我的Google地图中，但我无法将其显示出来。

我正在调用一个函数createMarkers(x, y)并从aspx页面传入两个字符串。

这是createMarkers函数：

function createMarkers(x, y) {

var latlng = new google.maps.LatLng(x, y);
console.log(latlng);

var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    title: "User location"
}); 

};

标记未显示在地图上，并且没有错误打印到控制台中。

我已将变量latlng记录到控制台进行检查，这就是它所显示的内容：

O
ab: 51.486091
cb: -0.05983800000001338
__proto__: O

我查看了有关Markers here的Google文档，我看到的代码看起来还不错。

最后一件事，我也尝试将坐标直接添加到latlng变量而不是使用我的x＆amp; y参数。这也不起作用。

我想我错过了很明显的东西。一如既往，我们将非常感谢您的帮助！

JA

Answer 1

这些是我用来渲染地图和添加标记的功能：

function renderMap(mapContainer) {
    var mapOptions = {
            zoom: 4,
            center: new google.maps.LatLng(43.645004, -79.380707),
            mapTypeId: google.maps.MapTypeId.ROADMAP
        };
    window.map = new google.maps.Map(mapContainer, mapOptions);
}

function addMarkerToMap(lat, long, titleText) {
    new google.maps.Marker({
        title: titleText,
        map: map,
        position: new google.maps.LatLng(lat, long)
    });
}

Answer 2

该功能应该可行。

假设map-variable可用并指向map-object：

向地图添加标记不会将地图的视口设置为包含标记，可能是标记存在，但是在视口之外？

尝试将其添加到createMarkers()：

的末尾

map.setCenter(latlng);

添加Google地图标记

2 个答案: