KingPaper初探百度应用之百度地图API

本文介绍了如何使用百度地图API在网页上嵌入地图,并通过JavaScript进行简单的地图操作,包括加载地图API、创建地图容器、设置地图中心点及缩放级别等步骤。
百度地图API是一套由JavaScript语言编写的应用程序接口,它能够帮助您在网站中构建功能丰富、交互性强的地图应用程序。 下面介绍一下百度地图的简单应用

1、在html加入百度地图 API JavaScript

<script src=http://api.map.baidu.com/api?key=46ce9d0614bf7aefe0ba562f8cf87194&v=1.0&services=false  type="text/javascript">

  </script>

2、创建名为“main”的 div 元素来包含地图

<div style="width: 520px; height: 340px; border: 1px solid gray" id="main"></div>

3、编写 JavaScript 函数创建“map”对象。

 var map = new BMap.Map("main"); 

4、将地图的中心设置为指定的地理点

var point = new BMap.Point(116.404, 39.915);    // 创建点坐标  

 5、在 </html> 标签外面开始初始化地图对象并确保container div元素已经存在。

 map.centerAndZoom(point,15); // 初始化地图,设置中心点坐标和地图级别。

转载于:https://www.cnblogs.com/kingpaper/archive/2013/05/05/3060836.html

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值