google map APIで複数の住所をマーカー表示したい
日本語住所から、google map APIを用いて、複数のマーカーを地図上に表示させるコードを作っています。
実際に当コードを実行してみると、画面上には何の表示もされず（地図は出てこず真っ白）、chromeのデベロッパーツールのconsole上でも何のエラーも表示されません。
いろいろ試行錯誤したのですが、どこが間違っているのか、煮詰まって先に進めません。
何がおかしいのか、ご指摘いただけますでしょうか。
function initMap() {
var addresses = ['ここに日本語住所',];
var latlng = [];
var marker = [];
var myLatLng;
var geocoder;
var map = new google.maps.Map(document.getElementById('map_canvas'));
geocoder = new google.maps.Geocoder();
geo(aftergeo);
function geo(callback){
for (var i = 0; i < 3; i++) {
geocoder.geocode({'address': addresses[i]},
function(results, status) {
if (status === google.maps.GeocoderStatus.OK) {
latlng[i]=results [0].geometry.location;
marker[i] = new google.maps.Marker({
position: results [0].geometry.location,
map: map
});
} else {
}
});
}
callback();
}
function aftergeo(){
myLatLng = latlng[0];
var opt = {
center: myLatLng,
zoom: 16
};
map.setOptions(opt);
}
};
みんなの回答
-
Lhankor_Mhy
補足情報がいただけなかったので、間違っているかもしれませんが……
aftergeo関数がジオコーディング完了の前に呼ばれているのが原因だと思います。 -
Lhankor_Mhy
1
2
1