先にmapオブジェクトを作ってから住所を元に緯度経度をセットすると灰色の地図が結構長い時間表示されてしまうので、緯度経度取得のコールバックの中でmapオブジェクトを作成しています。
この中ではまったのはマーカーの表示でした。最初、タイトルを設定せずにマーカーを構築していたのですが、それだとマーカーが表示されませんでした><;
function OnLoad( )
{
var latlng;
var strAddress = "東京都青梅市東青梅1-7-7";
var geocoder = new google.maps.Geocoder();
geocoder.geocode
(
{
'address': strAddress
}
, function( results, status )
{
if ( status != google.maps.GeocoderStatus.OK )
{
Debug( "status=" + status );
return;
}
latlng = results[0].geometry.location;
// 地図を作成
var map = new google.maps.Map
(
document.getElementById("map_canvas")
, {
zoom: 15,
center: latlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
);
// マーカーを作成
var marker = new google.maps.Marker( { positon: latlng, map: map } );
var marker = new google.maps.Marker
(
{
position: latlng
, map: map
, title: "(株)クレアンスメアード"
}
);
// ポップアップ設定
var infowindow = new google.maps.InfoWindow
(
{
content: '(株)クレアンスメアード<br>0428-23-3120<br>'
, size: new google.maps.Size( 450, 150 )
}
);
google.maps.event.addListener
(
marker
, 'click'
, function( )
{
infowindow.open( map, marker );
}
);
}
);
}
0 件のコメント:
コメントを投稿