簡體   English   中英

Google Maps API V3-同一地圖上有標記的兩個位置

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

我想同時在地圖上顯示兩個不同的位置,一個是當前位置,另一個是不同的位置。 我使用的是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的緯度長,則創建一個標記並將其顯示在同一地圖上。 如果客戶端瀏覽器具有合理的處理能力,則幾乎無需花費毫秒來顯示秒標記

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM