google maps - 座標を指定してマーカー情報をオープン

Question

私はGoogleマップapi v3を使用しています。

javascriptを使用して、座標を指定したマーカーの情報ウィンドウを開くにはどうすればよいですか？

Answer 1

ここでは、マーカとのマップJavaScriptインタラクションの「外側」を行う方法を示すJsfiddleがあります。はい、マーカを保存する必要があり、配列に適切なInfoWindowがあり、アクセスできるようになっています。私は2つのランダムなマーカーを作成し、配列船からの座標を使用します。ここで

はHTMLで、リンクをクリックすると1がメーカ1にセンタリングし、その情報ウィンドウとマーカ2その逆のためのポップアップう一般的な2つのリンクで：

<div id='map_canvas'></div> 
    <a href='#' onClick="gotoPoint(1);">Click for marker 1</a><br/> 
    <a href='#' onClick="gotoPoint(2);">Click for marker 2</a> 

createMarker以内に私はそのと一緒に作成したメーカーを保存しますInfoWindowを関連付けて、グローバルスコープのマーカー配列にプッシュします。ホバー上のマーカーは、それはその仲間の情報ウィンドウを開きます：

function createMarker(lat, lon, html) { 
    var newmarker = new google.maps.Marker({ 
     position: new google.maps.LatLng(lat, lon), 
     map: map, 
     title: html 
    }); 

    newmarker['infowindow'] = new google.maps.InfoWindow({ 
      content: html 
     }); 

    google.maps.event.addListener(newmarker, 'mouseover', function() { 
     this['infowindow'].open(map, this); 
    }); 

    marker.push(newmarker); 
} 

ここgotoPointでは、私は単にパラメータとしてマーカ番号にお尻。私は基本的にnew google.maps.LatLngを使用することにより、マーカーのものにマップの中心を設定し、marker[myPoint-1].position.lat();とmarker[myPoint-1].position.lng();を呼び出すことにより、マーカーの緯度とLNGを使用し、marker[myPoint-1]['infowindow'].open(map, marker[myPoint-1]);とその仲間の情報ウィンドウを開きます。

function gotoPoint(myPoint){ 
    map.setCenter(new google.maps.LatLng(marker[myPoint-1].position.lat(), marker[myPoint-1].position.lng())); 
    marker[myPoint-1]['infowindow'].open(map, marker[myPoint-1]); 
} 

はあなたがいずれかを持っているなら、私を知ってみましょうこの例に関する質問。