首页 > Web开发 > 详细

在网站中添加百度地图

时间:2014-12-22 17:45:52      阅读:171      评论:0      收藏:0      [点我收藏+]

怎样在网站中引用百度地图?

 

1、在html中添加一个div,添加一些样式。

<div id="divMap" style="width:50%;height:300px;border:1px solid gray;"></div>

2、在head中添加对百度地图的引用。

 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=您的密钥"></script>

3、添加js,创建坐标实例。(注:该js部分要放在div的下面,不然会报错的

<script type="text/javascript">
var map=new BMap.Map("divMap")   //创建地图实例
var point=new BMap.Point(116.404,39.915)  //创建点坐标
map.centerAndZoom(point,13)  //初始化地图,设置中心点坐标和地图级别
</script>

4、运行结果,如下图所示

技术分享

 

在网站中添加百度地图

原文:http://www.cnblogs.com/love522/p/4178439.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!