角度js和谷歌地图

时间:2014-04-30 13:48:23

标签: javascript angularjs google-maps

我是Angular js的新手。到目前为止,我已经设法运行了一些教程。但这就是我真正想做的事情。我有一项服务,给我经纬度。我想从服务中获取这些坐标并将其显示在地图上。有人能告诉我一个快速的例子(可以硬编码坐标)如何做到这一点?我目前正在使用Angular的服务和控制器模块。

1 个答案:

答案 0 :(得分:0)

我建议使用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代码,以及可选的controlmarkershape代码

<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”&#39;作为对您的应用的依赖。

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

希望有所帮助