私はgmap v3の使用を知っています。私は中心を与え、ポインタを追加して情報ボックスの内容を指定することができ、その方法で私はマップを生成することができます。緯度と経度からGoogleマップを取得するには暑いですか?
しかし、latとlngを直接与えるだけで、自分のマップが生成され、直接その場所にあるものが情報ボックスに直接入ります。それを直接行う方法はありますか?
私はgmap v3の使用を知っています。私は中心を与え、ポインタを追加して情報ボックスの内容を指定することができ、その方法で私はマップを生成することができます。緯度と経度からGoogleマップを取得するには暑いですか?
しかし、latとlngを直接与えるだけで、自分のマップが生成され、直接その場所にあるものが情報ボックスに直接入ります。それを直接行う方法はありますか?
を行うと、しかし、これを行うjavascriptは約10行なので、それほど多くはありませんし、あなたはそれを何度も呼び出すことができれば、メソッドに入れることができます。だから効果的には、緯度経度(おそらくページの下にある地図を描画するために)を指定して地図を設定する方法があります。あなたは、次のオプションを使用してマップを提供することができLAT
は、与えられた経度を地図の中心にするには: -center = new google.maps.LatLng(myLat, myLon)
ファイルまたはデータベースを使用して座標を生成する場合は、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
私はどこごとに検索し、その多くのコードが必須であるという結論に達しました。 – Dena