Google API からこのコードを取得しました。その場所の緯度と経度を抽出して、その周辺で最も近い 10 の場所を見つけたいと考えています。
Javascript:
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=mykeyhere&sensor=true"></script>
<script type="text/javascript">
var geocoder;
var map;
function initialize() {
geocoder = new google.maps.Geocoder();
var latlng = new google.maps.LatLng(14.5833, 120.9667);
var mapOptions = {
zoom: 8,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(document.getElementById("map-canvas"), mapOptions);
}
function codeAddress() {
var address = document.getElementById("address").value;
geocoder.geocode( { 'address': address}, function(results, status) {
if (status == google.maps.GeocoderStatus.OK) {
map.setCenter(results[0].geometry.location);
var marker = new google.maps.Marker({
map: map,
position: results[0].geometry.location
});
} else {
alert("Geocode was not successful for the following reason: " + status);
}
});
}
</script>
体:
<body onload="initialize()">
<div id="map-canvas" style="width: 320px; height: 480px;"></div>
<div>
<input id="address" type="textbox">
<input type="button" value="Encode" onclick="codeAddress()">
</div>
</body>
ユーザーが場所を入力するテキストボックスがあり、javascript が Google マップにマーカーを配置します。緯度と経度を別々に取得して html body に渡すにはどうすればよいですか?
私がやろうとしているのは、座標を取得した後、データベースから最も近い 10 の場所を検索することです (緯度と経度はフィールドです)。次に、マップ上の最も近い 10 か所にマーカーを配置するにはどうすればよいでしょうか? 私を助けてください。ありがとうございました!