Angular js和谷歌地圖

Question

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

Answer 1

我建議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>` 

實例

• Hello Map
• Markers
• Controls
• Map Options
• Shapes(Rectangle, Triangle, Image)
• Events

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

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

希望它可以幫助