1

地理位置情報を要求し、マーカーを表示して正しい場所に配置する必要がある html ボタンの設定に問題があります。

まず、メソッドのロードを開始しました。

google.maps.event.addDomListener(window, 'load', init_map);

それで：

function init_map() 
{
var lima = new google.maps.LatLng(-12.043333,-77.028333);
var browserSupportFlag =  new Boolean();
var mapDiv = document.getElementById('map_canvas');

map = new google.maps.Map(mapDiv, 
{
    zoom: 2,
    mapTypeId: google.maps.MapTypeId.ROADMAP,
    center: lima
});

var distanceWidget = new DistanceWidget(map, initialLocation);

google.maps.event.addListener(distanceWidget, 'position_changed', function() 
{
    displayInfo(distanceWidget);
}
);

google.maps.event.addDomListener(document.getElementById('get_latlng'), 'click', get_location(map,distanceWidget.get_marker()));

}

HTML:

<button type="button" id="get_latlng">Get your current location</button>

しかし、それが行うことは、リスナーがそれ自体をロードすることです。私がやりたいことは、ボタンをクリックすると実行されることです。

4

1 に答える 1

0

呼び出しを関数にラップします。

google.maps.event
 .addDomListener(document.getElementById('get_latlng'), 
                 'click', 
                 function(){get_location(map,distanceWidget.get_marker());});
于 2012-08-06T21:57:21.630 に答える