Google maps API V3 - 两个位置,同一地图上有标记

时间:2012-03-28 05:38:54

标签: javascript html5

我想在地图上同时显示两个不同的位置,一个是当前位置,另一个是不同的位置。我用的是javascript V3版。这是我显示一个位置的代码。

         var pos = new google.maps.LatLng(latitude, longitude);


             window.localStorage.setItem("event_location",pos);

             if (!google) {
                    loadScript();
                }
             var pos1 = window.localStorage.getItem("current_location");
                alert('position '+pos1);

                var myOptions = {
                    center : pos,
                    zoom : 8,
                    mapTypeId : google.maps.MapTypeId.ROADMAP
                };


                var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

                var contentString = '<div id="content">'+
                '<div id="siteNotice">'+
                '</div>'+
                '<h4 id="firstHeading" class="firstHeading">'+add+'</h4> ' +
                '<div id="bodyContent">'+
                '<p>Meeting with'+'<b> '+ personName + '</b>, <br/>on ' +
                '<b>'+startDate+'</b> at ' + 
                '<b>'+startTime+'</b>' + 
                '</div>'+
                '</div>';


            var infowindow = new google.maps.InfoWindow({
                content: contentString
            });

            var marker = new google.maps.Marker({
                position: pos,
                map: map,
                title:"Event Location!"
            });



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

pos1是我的第二个位置,它是通过phonegap当前位置方法计算的。请帮帮我。

2 个答案:

答案 0 :(得分:0)

如果pos1google.maps.LatLng实例

var marker = new google.maps.Marker({
    position: pos,
    map: map,
    title:"Event Location!"
});

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

var marker1 = new google.maps.Marker({
    position: pos1,
    map: map,
    title:"New Location!"
});

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

marker.setMap(map);
marker1.setMap(map);

答案 1 :(得分:0)

编写用于显示第二个标记的代码,即如果你为pos1设置lat long,则创建一个标记并将其显示在同一个地图上。如果客户端浏览器具有合理的处理能力,则显示secod标记几乎不需要几毫秒