-1
我正在開發基於谷歌地圖的網絡應用程序。我正在使用角js。我必須在谷歌地圖上開發多個標記,但我必須僅顯示這些標記,它們將在10KM範圍內,但不在半徑內,它應該來自角落。
我使用map.getBounds()獲取所有角落的經緯度 我是角度js的新手,所以請幫助我。如何創建帶有多個標記的谷歌地圖,從當前位置到矩形格式的10公里範圍
我正在開發基於谷歌地圖的網絡應用程序。我正在使用角js。我必須在谷歌地圖上開發多個標記,但我必須僅顯示這些標記,它們將在10KM範圍內,但不在半徑內,它應該來自角落。
我使用map.getBounds()獲取所有角落的經緯度 我是角度js的新手,所以請幫助我。如何創建帶有多個標記的谷歌地圖,從當前位置到矩形格式的10公里範圍
可以使用NG-重複,不知道該代碼是正確的,但基本的想法是下一個:
// html
<div ng-controller="mapCtrl as vm">
<ng-map zoom="15" center="vm.center">
<marker ng-repeat="position in vm.positions"
position="{{position.pos}}"
title="pos: {{position.pos}}">
</marker>
</ng-map>
// js
angular.module('app').controller('mapCtrl', function() {
var vm = this;
var markersCount = 10;
var distanceBetweenMarkers = 0.01;
vm.center = [40, -70];
vm.positions = [];
for(var i = 0; i < markersCount; i += 1) {
var leftMarker = [vm.center[0] - distanceBetweenMarkers, vm.center[1]];
var rightMarker = [vm.center[0] + distanceBetweenMarkers, vm.center[1]];
vm.positions.push(leftMarker);
vm.positions.push(rightMarker);
}
});
我希望我的回答可以幫助你。 :)
謝謝。 :)
如果ng-map沒有指示這個,你可以用google map API創建一個指令。你怎麼看? – Pterrat