使用谷歌地图api获取航点数组

时间:2016-08-24 09:19:26

标签: javascript angularjs google-maps

您好我可以动态添加自动填充地址文字输入,但我不知道如何将这些地址转换为经度和纬度数组,我想有一套路点可以放在我的地图上,但我不知道怎么做,我是javascript和angular js的新手:

HTML:

<div ng-show="content == 'first'" ng-app="angularjs-starter" class="form-group" ng-controller="MyCtrl">
  [<span ng-repeat="input in inputs">"{{input.value}}"</span>]
  <label class="control-label">tournee</label>
  <div ng-repeat="input in inputs">
    <!-- autocompletion adresse inputs-->
    <input google-place type="text" ng-model="input.value" />
    <button ng-click="removeInput($index)">Remove</button>
  </div>
  <button ng-click="addInput()">add input</button>
</div>

角度脚本

var app = angular.module('angularjs-starter', []);

app.controller('MyCtrl', ['$scope', function($scope) {
  $scope.inputs = [];
  $scope.addInput = function() {
    $scope.inputs.push({
      value: ''
    });

  }

  $scope.removeInput = function(index) {
    $scope.inputs.splice(index, 1);
  }
}]);

1 个答案:

答案 0 :(得分:0)

您可以创建一个对象并添加到一个数组中。

var arrayLatitudes = [];

var lat = 41;//number example
var lng = 40;//number example

var lngLat = {
    'lat':lat,
    'lng':lng
}

arrayLatitudes.push(lngLat);

现在,您可以使用带有ArrayLatitudes的for来在MAP中创建标记。