Google maps api 3 谷歌地图v3自定义。。。很简单。。。有点乱

Google maps api 3 谷歌地图v3自定义。。。很简单。。。有点乱,google-maps-api-3,Google Maps Api 3,我想使用v2api重建一个与此相同的手势的地图 但是我想使用v3api。但我觉得v3更复杂,可能是不必要的,我想找到一个工作示例来开始内置v3 有什么建议吗?也许你应该使用谷歌实际提供的官方示例:为了演示GMAPSAPIV3,我刚刚为你举了一个小例子。这是基于您在文章中提到的示例的即时代码。只需输入坐标即可将标记添加到地图上,然后选择特定的标记即可显示信息窗口 代码的主要部分是 创建地图 function initialize(){ var myOptions = { zoom: 14, ce

我想使用v2api重建一个与此相同的手势的地图

但是我想使用v3api。但我觉得v3更复杂,可能是不必要的,我想找到一个工作示例来开始内置v3


有什么建议吗?

也许你应该使用谷歌实际提供的官方示例:

为了演示GMAPSAPIV3,我刚刚为你举了一个小例子。这是基于您在文章中提到的示例的即时代码。只需输入坐标即可将标记添加到地图上,然后选择特定的标记即可显示信息窗口

代码的主要部分是

创建地图

function initialize(){
var myOptions = {
zoom: 14,
center: new google.maps.LatLng(52.0, 62.0),
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map_canvas"),
                            myOptions);

infowindow = new google.maps.InfoWindow(
                { 
                    size: new google.maps.Size(150,50)
                });

google.maps.event.addListener(map, 'click', function() {
    infowindow.close();
    });

markersArray = [];
}

创建标记

    function createMarker(latlng, html,zoom) {
   var contentString = html;
    var marker = new google.maps.Marker({
        position: latlng,
        map: map,
        zIndex: Math.round(latlng.lat()*-100000)<<5
    });

    google.maps.event.addListener(marker, 'click', function() {
        infowindow.setContent(contentString); 
        infowindow.open(map,marker);
    });
    marker.MyZoom = zoom; 
    return marker; 
}
函数createMarker(latlng、html、zoom){
var contentString=html;
var marker=new google.maps.marker({
位置:latlng,
地图:地图,
zIndex:Math.round(latlng.lat()*-100000)