AngularJS Google Map 指令地图实例

AngularJS Google Map指令地图实例

html
  
  
  
  
    
  

javascript
var app = angular.module('myApp', []);
app.controller('mapController', function($scope) {
  var mapOptions = {
    center: new google.maps.LatLng(37.7749, -122.4194),
    zoom: 12
  };
  $scope.map = new google.maps.Map(document.getElementById('map'), mapOptions);
});

javascript
app.controller('mapController', function($scope) {
  // ...
  var marker = new google.maps.Marker({
    position: mapOptions.center,
    map: $scope.map,
    title: 'San Francisco'
  });
  var infoWindow = new google.maps.InfoWindow({
    content: 'Welcome to San Francisco!'
  });
  marker.addListener('click', function() {
    infoWindow.open($scope.map, marker);
  });
});