Angular js和谷歌地圖

我是Angular js的新手。到目前爲止，我已經設法運行一些教程。但這是我真正想做的事情。我有一個服務，給我的經度和緯度。我想從服務中獲取這些座標並將其顯示在地圖上。有人能告訴我一個快速的例子（可以硬編碼座標）怎麼做？我目前正在使用Angular的服務和控制器模塊。Angular js和谷歌地圖

來源

2014-04-30 user3559051

請給它一個鏡頭，然後編輯與代碼和具體問題這個問題。 –

我建議ng-map。

google maps angularjs directive被稱爲ng-map。這不需要任何JavaScript編碼的簡單功能。

要開始使用

一。 Download和包括NG-map.js或NG-map.min.js

<script src="dist/ng-map.min.js"></script>`

兩個。使用map標籤，以及任選地，control，和shape標籤

<map zoom="11" center="[40.74, -74.18]"> 
    <marker position="[40.74, -74.18]" /> 
    <shape name="circle" radius="400" center="[40.74,-74.18]" radius="4000" /> 
    <control name="overviewMap" opened="true" /> 
</map>`

實例

要在您的應用程序中使用它，只是包括 'ngMap' 作爲依賴於你的應用程序。

var myApp = angular.module('myApp', ['ngMap']);

希望它可以幫助

來源

2014-04-30 14:53:06

嘿，那太棒了。但是如果這些協調來自服務呢？我如何在地圖上標記它們。你有什麼是一個靜態的例子。你能否提供一些提示或解釋你如何在那裏動態地協調？ – user3559051

Angular js和谷歌地圖

回答

要開始使用

實例

相關問題