以下を使用して、Web アプリケーションに Google マップを埋め込みました。
<div>
<map ng-transclude class="google-map" center="map.center" options="map.options">
<marker position="marker.position" decimals="marker.decimals" options="marker.options" on-click="updatelatlong()"></marker></map>
</div>
そしてコントローラー:
$scope.map = {
center: [39, -121],
options: function() {
return {
streetViewControl: false,
scrollwheel: false
}
}
};
$scope.marker = {
position: [39, -121],
decimals: 4,
options: function() {
return { draggable: true };
},
events:{
drag:function(e, p, map, points) {
console.log("dragged.....");
}
}
};
新しくドラッグされたマーカーに関連付けられた緯度経度を記録しようとしています。ただし、ドラッグ イベント リスナには制御が来ません。