Question

我想使用V2 api http://marcgrabanski.com/使用相同的手势重建地图。

http://assets.marcgrabanski.com/resources/jquery-google-maps/tutorial-part1.html

但我想使用V3 API。但我觉得v3更多，可能是不必要的，复杂的，我想找到一个工作的例子来开始内置v3。

有什么建议吗？

Answer 1

为了演示gmaps api v3，我只为您here提供了一个小例子。这只是基于您在帖子中提到的示例的袖口代码。只需输入坐标即可将标记添加到地图上，然后选择特定标记以显示信息窗口。

代码的主要部分是

创建地图

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; 
}

谷歌地图api v3的设计要好得多，您可以查看其他一些样本here。

Answer 2

也许您应该使用Google实际提供的官方示例：http://code.google.com/apis/maps/documentation/javascript/tutorial.html

谷歌地图v3自定义... v2很容易... v3有点乱

2 个答案: