2015年6月10日水曜日

AngularJSのAngular Google Mapsでマーカーの表示

AngularJSAngular Google Mapsでマーカーの表示です。 前回の使い方は間違っていました。 失礼しました。今度は大丈夫でしょう、たぶん?

コントローラー
var mylat = document.getElementById("mylat").textContent;
var mylng = document.getElementById("mylng").textContent;
$scope.map = { center: { latitude: mylat, longitude: mylng }, zoom: 10 };
$scope.options = {scrollwheel: false};
$scope.marker = {
  id: 0,
  coords: {
    latitude: mylat,
    longitude: mylng
  }
};
HTML
<ui-gmap-google-map center="map.center" zoom="map.zoom" options="options">
  <ui-gmap-marker coords="marker.coords" options="marker.options" events="marker.events" idkey="marker.id"></ui-gmap-marker>
</ui-gmap-google-map>

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

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

0 件のコメント:

コメントを投稿