2015年6月12日金曜日

AngularJSのAngular Google Mapsで、レイヤーの追加

AngularJSAngular Google Mapsで、レイヤーの追加です。交通渋滞情報のTrafic Layerを追加してみました。

コントローラーのJS
var mylat = document.getElementById("mylat").textContent;
var mylng = document.getElementById("mylng").textContent;

$scope.map = { 
  center: { 
      latitude: mylat, 
      longitude: mylng 
    }, 
  zoom: 12,
  showTraffic: true,
};
テンプレートのHTML
<ui-gmap-google-map center="map.center" zoom="map.zoom" draggable="true" options="options">
  <ui-gmap-layer type="TrafficLayer" show="map.showTraffic"></layer>
</ui-gmap-google-map>

実際に設定してみたサイトがこちら

参考サイト
API documentation(Angular Google Maps)

0 件のコメント:

コメントを投稿