谷歌地图API V3-在同一张地图上有两个标记的位置

Google maps API V3 - Two location with markers on same map

本文关键字:位置 两个 一张 V3- API 谷歌地图 地图      更新时间:2023-09-26

我想在地图上同时显示两个不同的位置,一个是当前位置,另一个是不同的位置。我使用的是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当前位置方法计算的。请帮帮我。

如果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);

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