2012-03-28 21 views
0

マップ上に2つの異なる場所を同時に表示したい場合は、現在の場所と他の場所が別の場所です。私は、javascript V3バージョンを使用します。これは、1つの場所を表示するための私のコードです。GoogleマップAPI V3 - 同じ地図上にマーカーを持つ2つの場所

  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は私の2番目の場所で、現在の電話帳の方法で計算されます。私を助けてください。

+0

場所の保存方法を示してください。私は 'pos1'の値は何になりますか?文字列 ? – Diode

+0

IF(navigator.geolocation){ \t \t navigator.geolocation.getCurrentPosition(関数成功(位置){ \t \t \t \t \t \t VAR位置=新しいgoogle.maps.LatLng(position.coords.latitude、 \t \t \t \t \t \t position.coords.longitude); \t \t \t window.localStorage.setItem( "CURRENT_LOCATION" 位置); \t \t }); \t \t} else { \t \tアラート( 'geolocation not supported'); \t \t} pos1は位置です。 – upender

答えて

0

pos1google.maps.LatLngインスタンスである場合はuがPOS1ため緯度長いマーカーを作成し、同じ地図上に表示している場合

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); 
+0

mapとmyOptionsの値が2つのマーカーで同じですか? – upender

+0

はい。あなたは "同じマップ上のマーカーで2つの場所" :) – Diode

+0

しかし、それは動作していない、それは私にコンソール(15022):キャッチエラー:プロパティの無効な値を与えた:(28.6048506、77.36979930000007)http:// maps .gstatic.com/intl/en_us/mapfiles/api-3/8/5/main.js:1 " – upender

0

、すなわち第2のマーカを表示するためのコードを書きます。クライアントブラウザの処理能力が合理的であれば秒単位のマーカーを表示するのにほとんど時間がかかりません

+0

マップには1つのマーカーしか表示されません。 – upender

関連する問題