Google Maps Javascript API v3 を使用してプロジェクトを行っていますが、非常に不可解な出力がコンソールに表示されます。
次のようにマップを初期化します。
function initialize() {
var map = new google.maps.Map(document.getElementById("map-canvas"), {
center: new google.maps.LatLng(41.790113, -87.600732),
zoom: 18,
mapTypeId: google.maps.MapTypeId.ROADMAP
});
その後、後で(ただし、まだ内にinitialize
)、私は持っています:
function addTimestampToLatLng(event) {
if (google.maps.geometry.poly.isLocationOnEdge(event.latLng, userPolyline, 0.000001)) {
var marker = new google.maps.Marker({
position: event.latLng,
title: '#' + userPolyline.getPath().getLength(),
map: map,
draggable: true
});
console.log(event.latLng);
console.log(userPolyline.getPath());
console.log(twoClosestPointsOnPolyline(event.latLng, userPolyline));
}
}
イベントリスナーによって呼び出されます:
google.maps.event.addListener(map, 'click', addTimestampToLatLng);
奇妙なことは、コンソールに出力されるすべての座標が同じ座標であることです - lb: 41.79021883761604, mb: -87.60098531842232 - マップの中心。奇妙な点は、コンソールに出力しようとする場合を除いて、コードがあらゆる点で完全に機能することです。
何か案は?