Angularjs的百度地图sdk angular-baidu-map

MIT
JavaScript
跨平台
2016-07-15
鱼蛋儿

用Angularjs写的百度地图sdk。

开始

(1)包括angular.min.js到您的HTML

(2)包括dist/angular-baidu-map.min.js到您的HTML

(3)添加“'angular-baidu-map”到主要模块的依赖列表中。

(4)HTML标记

<!doctype html>
<html ng-app="demo">
<head>

</head>
<body>

    ...  <script src="angular.min.js"></script>  <script src="dist/angular-baidu-map.min.js"></script> ...  <script>  var app = angular.module("demo", ['angular-baidu-map']);   app.controller('test', ['$scope', function ($scope) {   $scope.mapReady = function (map) {  map.enableScrollWheelZoom();  map.addControl(new BMap.NavigationControl());  map.addControl(new BMap.ScaleControl());  map.addControl(new BMap.OverviewMapControl());  map.addControl(new BMap.MapTypeControl());   var point = new BMap.Point(116.404, 39.915);  map.centerAndZoom(point, 15);  var marker = new BMap.Marker(point);  map.addOverlay(marker);  };  }]);  </script> ...

    <div baidu-map="your baidu ak" map-ready="mapReady(map)"  ="height: 300px">

    </div>
</body>
</html>
加载中

评论(0)

暂无评论

暂无资讯

暂无问答

Egghead.io AngularJS视频教程

Angular JS (Angular.JS) 是一组用来开发Web页面的框架、模板以及数据绑定和丰富UI组件。它支持整个开发进程,提供web应用的架构,无需进行手工DOM操作。 AngularJS很小,只有60K,兼容主流浏...

2014/02/08 14:36
117
0
angular/cli@7.2.0整合ng-zorro-antd@7.1.0创建项目

一、项目目录结构 二、安装 angular/cli@7.2.0 npm install -g @angular/cli@7.2.0 三、使用 angular/cli@7.2.0 创建项目 项目创建指令:ng new angular-demo --routing Microsoft Windows [...

03/26 12:36
15
0
angular好用的插件集合

首先介绍两个学习Angular的学习资源AngularJS-Learning还有recipes-with-angular-js-examples。 两个编写Angular的代码规范,分别是angularjs-styleguide和angular-styleguide 项目文件结构生...

2017/10/18 17:31
27
0
给 Web 开发者的 25 款最有用的 AngularJS 工具

AngularJS 是一种新 JavaScript 框架,目的是降低要求,加快开发速度。AngularJS 是让 HTML 标记动态,使其对 web 开发者更有帮助,同时从大量的分段中给定一个标准结构,使开发速度更快更高...

2015/07/25 16:46
164
1
AngularJS 中文资料+工具+库+Demo 大搜集

AngularJS 中文资料+工具+库+Demo 大搜集

2013/12/28 16:11
171
0
AngularJs

AngularJS 是一个 JavaScript 框架。它是一个以 JavaScript 编写的库。它可通过

2015/07/10 16:49
31
0
《AngularJS学习整理》系列分享专栏

《AngularJS学习整理》系列分享专栏 《AngularJS学习整理》已整理成PDF文档,点击可直接下载至本地查阅 https://www.webfalse.com/read/201748.html 文章 教你用AngularJS框架一行JS代码实现...

2018/11/09 09:16
107
0

没有更多内容

加载失败,请刷新页面

返回顶部
顶部