Geolocation API の getCurrentPosition() ﾒｿｯﾄﾞの取得値を初期表示位置に[ｺﾝﾃﾝﾂ制作のこと]
(2014-04-11 01:32:44) by shinoda

<画像：20140410_map2.jpg>

今､自分がいる場所を中心にしたﾏｯﾌﾟを表示するのも､HTML5 の Geolocation API が使えると楽勝やね｡

｢Google Maps API ｷｰっていらんのんよね?｣というｴﾝﾄﾘｰに載せてる HTML ｿｰｽの script のところを､

<script type="text/javascript">

function initialize() {
navigator.geolocation.getCurrentPosition(successCallback, errorCallback);

function successCallback(position) {
map_set(position.coords.latitude, position.coords.longitude);
}

function errorCallback(error) {
//とりあえず何もしない
}

}

function map_set(latitude, longitude) {
var latlng = new google.maps.LatLng(latitude, longitude);
var opts = {
zoom: 18,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
var map = new google.maps.Map(document.getElementById("map_canvas"), opts);
}
 
  </script>

っていう具合に直すだけや｡

google.maps.LatLng に固定値をｾｯﾄしてたのを､position.coords.latitude, position.coords.longitude をｾｯﾄするように修正しただけ｡

そう言えば､

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

の sensor は false のままだけど､これってどういう時 true にするんだろう?
Geolocation API みたいなのを Google でも用意してて､true にしたらそれが使えるんかなあ???
ｺﾒﾝﾄ投稿
次の記事へ >
< 前の記事へ
TOPへ戻る

Powered by
MT4i 3.0.8