2012-03-14 13 views
0

私はgmap v3の使用を知っています。私は中心を与え、ポインタを追加して情報ボックスの内容を指定することができ、その方法で私はマップを生成することができます。緯度と経度からGoogleマップを取得するには暑いですか?

しかし、latとlngを直接与えるだけで、自分のマップが生成され、直接その場所にあるものが情報ボックスに直接入ります。それを直接行う方法はありますか?

答えて

0

を行うと、しかし、これを行うjavascriptは約10行なので、それほど多くはありませんし、あなたはそれを何度も呼び出すことができれば、メソッドに入れることができます。だから効果的には、緯度経度(おそらくページの下にある地図を描画するために)を指定して地図を設定する方法があります。あなたは、次のオプションを使用してマップを提供することができLAT

は、与えられた経度を地図の中心にするには: -

center = new google.maps.LatLng(myLat, myLon) 
+0

私はどこごとに検索し、その多くのコードが必須であるという結論に達しました。 – Dena

0

ファイルまたはデータベースを使用して座標を生成する場合は、PHPスクリプトを使用してAjaxリクエストを次のjavacriptファイルmapData.jsに送信します。座標[lat, long]を含むmapDataという名前のjSONオブジェクトを次のように送信することをお勧めします。あなたのHTML内

google.load('visualization', '1', {'packages': ['map']}); 

    jQuery(document).ready(function($){ 
    $.getJSON("mapData.php", function(result) 
    { 
      var mapData=result; 

    var dataTable1=new google.visualization.DataTable(); 
    dataTable1.addRows(mapData.length); 

    dataTable1.addColumn('number', 'LATITUDE', 'Latitude'); 
    dataTable1.addColumn('number', 'LONGITUDE', 'Longitude'); 

     for(var i=0;i<mapData.length;i++) 
     { 
     var coord=mapData[i] 

     dataTable1.setValue(i, 0, parseFloat(coord[0])); 
     dataTable1.setValue(i, 1, parseFloat(coord[1])); 
    } 

    var map=new google.visualization.Map(document.getElementById("Map1")); 
     map.draw(dataTable1, {showTip: true, useMapTypeControl:true, enableScrollWheel:true, zoomLevel:19}); 

    }); 
}); 

私はあなたがまだインフォボックス、あなたがセンターを定義することができます前に、新しいマップをインスタンス化する必要があるとしていると考え、以下の

<head> 
    <script src="https://apis.google.com/js/client.js"></script> 
    <script type="text/javascript" src="http://www.google.com/jsapi"></script> 
    <script src="jQuery.js" type="text/javascript" ></script> 
    <script src="mapData.js" type="text/javascript"></script> 
</head> 

<body> 

    <div id="Map1"> 


    </div> 
</body> 

詳細情報here

関連する問題