Javascript 在谷歌地图上设置标记

Javascript 在谷歌地图上设置标记,javascript,google-maps,Javascript,Google Maps,我正试图在我的谷歌地图上设置一个标记。我想我会像谷歌希望我做的那样去做,但是这个标记并没有出现在地图上。我做错了什么?您可以在此处看到实现的映射: 函数初始化(){ var latlng=新的google.maps.latlng(63.4242234,10.4439311); 变量myOptions={ 缩放:13, 中心:拉特林, mapTypeId:google.maps.mapTypeId.ROADMAP }; var map=new google.maps.map(document.g

我正试图在我的谷歌地图上设置一个标记。我想我会像谷歌希望我做的那样去做,但是这个标记并没有出现在地图上。我做错了什么?您可以在此处看到实现的映射:


函数初始化(){
var latlng=新的google.maps.latlng(63.4242234,10.4439311);
变量myOptions={
缩放:13,
中心:拉特林,
mapTypeId:google.maps.mapTypeId.ROADMAP
};
var map=new google.maps.map(document.getElementById(“map_canvas”),myOptions);
map.addOverlay(新GMarker(63.4242234,10.4439311));
}

问题在于您将google maps v2代码与google maps v3代码混用。addOverlay功能和GMarker来自gogle maps v2。将其替换为google maps v3代码:

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

每个版本的实现都不同。 一个在全局名称空间中使用G~,另一个在google.maps.~名称空间下

我不完全喜欢这个新版本,因为有些对象可以用JSON构建,而有些对象不能。板条和记号笔

如果您不想使用标准的google标记,那么添加不同的标记显示标记也是不同的

var marker = new google.maps.Marker({
    position: latlng,
    map: map,
    icon: new google.maps.MarkerImage(
        "maps/images/point.png", // reference from your base
        new google.maps.Size(36, 36), // size of image to capture
        new google.maps.Point(0, 0), // start reference point on image (upper left)
        new google.maps.Point(10, 10), // point on image to center on latlng (scaled)
        new google.maps.Size(20, 20) // actual size on map
    )
});
要销毁标记,只需设置:

marker.setMap(null);
delete marker;

谢谢你让我知道这一点!
marker.setMap(null);
delete marker;