JS版百度地图API

地图的构建非常简单，官方的API文档也写得很清晰，我只做一总结：一起jquery,17jquery

一、引入JS ：这个很容易理解，既然是调用JS版的百度地图，肯定得引用外部的JS文件了，而这个文件来自百度的服务器（所以必须得联网，不然就没戏。。），我们以后用到的所有方法都写在这个JS文件当中。

内容来自17jquery

17jquery.com

这里的1.4 为JS版百度地图的版本号，目前最新版本为1.4。（理论上这条语句是可以放在html文件中的任何位置，但是一般人们都放在</head>标签之前，不过我曾看到一本书上说放在</body>前，效率是最高的。）

内容来自17jquery

二、在你的html文件中新建一个<div>容器：添加一个id属性（这里为<divid="container"></div>）。这个容器是用来放置百度地图的，地图的大小可以通过调节div的样式实现。一起jquery,17jquery

三、新建一个百度地图

内容来自17jquery

只要这三步，就可以建立一个百度地图web应用。当然，还需要调节样式之类的。内容来自17jquery

下面是一个完整的HTML文件：（该例子来自百度官网）一起jquery,17jquery

<!DOCTYPE html> <html> <head> <meta name="viewport" content="initial-scale=1.0, user-scalable=no" /> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Hello, World</title> <style type="text/css"> html{height:100%} body{height:100%;margin:0px;padding:0px} #container{height:100%} </style> <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.3"></script> </head> <body> <div id="container"></div> <script type="text/javascript"> var map = new BMap.Map("container"); // 创建地图实例 var point = new BMap.Point(116.404, 39.915); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别 </script> </body> </html>

下面是我学习中用到的网站：

http://developer.baidu.com/map/jsdevelop-1.htm
http://developer.baidu.com/map/js-download.htm
http://developer.baidu.com/map/static/doc/Reference_of_Baidu_JavaScript_API_v1.4.pdf

转载请注明出处，尊重原创。http://www.cnblogs.com/jianrong-zheng/。谢谢

JS版百度地图API的更多相关文章

JS调用百度地图API标记地点
<!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content ...
js调用百度地图API创建地图，搜索位置
实现代码: <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <met ...
js调用百度地图api
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> ...
JS使用百度地图API
尚未整理: <script type="text/javascript"> var map = new BMap.Map("dituContent" ...
js调用百度地图API创建地图
技术交流群:233513714 <html xmlns="http://www.w3.org/1999/xhtml"><head runat="serv ...
JS通过百度地图API获取当前定位信息
$(function(){ var latlon=null; //ajax获取用户所在经纬度 $.ajax({ url:"http://api.map.baidu.com/location/ ...
Node.js调用百度地图Web服务API的Geocoding接口进行点位反地理信息编码
(从我的新浪博客上搬来的,做了一些修改.) 最近迷上了node.js以及JavaScript.现在接到一个活,要解析一个出租车点位数据的地理信息.于是就想到使用Node.js调用百度地图API进行解析 ...
关于百度地图API （持续跟新）
一.初始化地图显示不在正中间,出现偏移问题描述与解决办法: 代码: body, html, #allmap { width: 100%; height: 100%; overflow: hidden ...
【百度地图API】JS版本的常见问题
1.请问如何将我的店铺标注在百度地图上?我是否可以做区域代理?在百度地图上标注是否免费? 答复: 这里只负责API的技术咨询,不解决任何地图标注问题.在百度地图上标注自己公司,即气泡标注业务.该业务已 ...

随机推荐

WebSockets基础
网络套接字是下一代WEB应用程序双向通信技术,它是基于一个独立的socket并且需要客户端浏览器支持HTML5. 一旦你了解了网络套接字与WEB服务器的连接,你将可以从浏览器发送数据到服务器并且可以接 ...
ModuleWorks免费下载使用方法大全
ModuleWorks为模拟机器的工具运转及(或)机床和车床材料的搬运提供了一整套解决方案. 模拟技术可以识别潜在的碰撞问题,允许在NC代码生成前进行除错检查,并且渐渐成为CAM处理方面必不可少的解决 ...
Oracle GoldenGate 12c 新特性
针对Oracle 12c的专门优化: 针对Oracle数据库的集成交付模式:提升在oracle DB中目标端的交付速度: 针对非Oracle数据库的协调交付模式:降低非oracle DB中多线程配置的 ...
struts2的返回类型
return 一个字符串,如果是success 直接服务器端跳转返回到和方法名对应的页面去不过如果返回的页面和方法没有太大关系,比如删除修改添加之后要客户端跳转返回所有用户列表,这个时候可以 ...
C++ primer的第二章的主要内容
这第二章主要是介绍了C++中基本的内置数据类型:整型与浮点型.介绍了什么是变量的过程中了解到了左值与右值的概念.左值是可以出现在赋值语句的左边或者右边,也就是说可以放在等号的左右两边,而右值只能是出现 ...
HDU 1045 - Fire Net （最大独立集）
题意:给你一个正方形棋盘.每个棋子可以直线攻击,除非隔着石头.现在要求所有棋子都不互相攻击,问最多可以放多少个棋子. 这个题可以用搜索来做.每个棋子考虑放与不放两种情况,然后再判断是否能互相攻击来剪枝 ...
ACM - KMP题目小结（更新中）
KMP算法题型大致有两类,一类是next数组的应用,一类是匹配问题. next数组大多数是求字符串周期,或者是与前缀后缀有关,也可以应用在DP中.需要对next数组有一定理解才能做得出. next数组 ...
javascript 构造函数中的属性与原型上属性优先级的比较
备注: 下面这个问题是我前天看书上发现的. 按照我以前的理解, a.rename()这个方法传什么值,结果都会弹出小a,但我看书上的demo 弹出的是大A.... 我的困惑是: js的构造函数中的 ...
事件委托 EventHandler
事件就是当对象或类状态发生改变时,对象或类发出的信息或通知.发出信息的对象或类称为"事件源",对事件进行处理的方法称为"接收者",通常事件源在发出状态改变信息时 ...
PHP中的日期和时间
日期和时间 1.UNIX时间戳以32位整数表示的格林威治标准时间这个UNIX时间戳整数是从1970年1月1日0时0分0秒(计算机元年)到现在的秒数 ...

JS版百度地图API

JS版百度地图API的更多相关文章

随机推荐

热门专题