添加Google Maps Marker

Question

我正在尝试添加一个标记到我的谷歌地图，但我不能让它出现。

我调用函数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

我已经浏览了关于标记here的谷歌文档，我得到的代码看起来足够好用了。

最后一件事，我还尝试将坐标直接添加到latlng变量中，而不是使用我的x&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-变量可用并指向一个map-object：

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

尝试将此内容添加到createMarkers()的末尾：

map.setCenter(latlng);