0

以下を使用して、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.....");
			}
		}
	};

新しくドラッグされたマーカーに関連付けられた緯度経度を記録しようとしています。ただし、ドラッグ イベント リスナには制御が来ません。

4

1 に答える 1

0

以下のように解決しました。

<map ng-transclude class="google-map" center="map.center" options="map.options">
	<!--<marker position="marker.position" decimals="marker.decimals" options="marker.options"></marker>-->
		<points coords="points.coords" options="points.options" events="points.events" decimals="points.decimals"></points></map>
	</div>

コントローラ:

$scope.map = {
		center: [39, -121],
		options: function() {
			return {
				streetViewControl: false,
				scrollwheel: false
			}
		}
	};

$scope.points = {
		coords: [
			[47,-122]
		],
		options: function(coords, properties, i, map) {
			return {
				draggable: true
			}
		},
		events: {
			drag: function(e, point, map, points) {
				$scope.longitude=e.latLng.lng();
				$scope.latitude=e.latLng.lat();
			}
		},
		decimals: 3
	};

于 2016-03-25T16:37:42.697 に答える