6

GoogleMap(Google maps V3 JS)で表示しようとしていますUIWebView(ios6)。
しかし、
webviewでマップを移動すると、イベントが発生しませんcenter_changed。
移動マップ完了、イベント発火。
なんで？
...
誰かが私に教えてくれたページ:
http://gmaps-samples-v3.googlecode.com/svn/trunk/map_events/map_events.html
Mac の Safri アクセス -center_changedマップの移動中に発火。
iOS6 Safri アクセス - マップの移動が完了しましたcenter_changed。

・・・
移動中の地図の中心座標を知りたい。
良い方法を教えてください。

`<html>
<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
<title>Google Maps JavaScript API v3 Example: iPhone Geolocation</title>
<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
<script type="text/javascript">
var map;
var moveCenterLat;
var moveCenterLng;

function initialize() {
    var myOptions = {
    zoom:reqZoomLevel,
    disableDefaultUI:true,
    draggable:true,
    keyboardShortcuts:false,
    scrollwheel:false,
    mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);

google.maps.event.addListener(map, 'center_changed', function(){
    var mce = map.getCenter();
    moveCenterLat = mce.lat();
    moveCenterLng = mce.lng();
});

}
</script>
</head>
<body style="margin:0px; padding:0px;" onload="initialize()">
<div id="map_canvas" style="width:100%; height:100%"></div>
</body>
</html>`
4

2 に答える 2

-1

dragイベントではなく、イベントが必要なようですcenter_changed。Google Maps Javascript API V3リファレンスから：

ドラッグ：このイベントは、ユーザーがマップをドラッグしている間、繰り返し発生します。

このようなもの：

google.maps.event.addListener(map, 'drag', function(){
    var mce = map.getCenter();
    moveCenterLat = mce.lat();
    moveCenterLng = mce.lng();
});

編集：ドラッグ中にマップの境界が更新されなくなったようです。そのため、マップのドラッグ中にドラッグイベントが発生しますが、どちらもgetCenter()ドラッグの開始時にマップの座標を返します。これを指摘してくれた@Zubairに感謝します。

于 2012-11-15T03:47:41.997 に答える