百度地图API接口

最新推荐文章于 2024-07-30 22:32:11 发布

杨柳

最新推荐文章于 2024-07-30 22:32:11 发布

阅读量7.4k

点赞数

分类专栏： web前端技术

本文链接：https://blog.csdn.net/L_yangliu/article/details/50531204

版权

本文记录了在PHP和EasyUI项目中集成百度地图API的过程，包括申请密钥、引入JS文件、创建地图实例、添加控件、标注设置、覆盖物、监听和拖拽标注事件以及创建信息窗口和绘制折线的方法。详细步骤和代码示例可供后续查阅。

摘要由CSDN通过智能技术生成

公司项目需要，需要使用php，easyui开发，其中一个重要的功能是百度地图应该开发。
这个东西之前没有接触过，刚刚看别人写的应该，多少有点生疏。但总算也是入门了，在
此将关键的一些东西记录下来。以备以后慢慢查询。
首先针对WEB开发，百度地图提供的js api借口。具体怎么用，网上资料很多，但最浅显
最权威的还是到官网去最好了。官网有api接口说明，有demo，资料还是蛮全的。目前官方
网址为http://developer.baidu.com/map/reference/.百度地图开发，先要免费申请密钥，
我用的别人申请好，所以密钥自己申请。

在你的页面引入js文件，src="http://api.map.baidu.com/api?v=2.0&ak=你的密钥"。
然后进行创建实例，进行初始化，如下：
var map = new BMap.Map("container"); // 创建地图实例
map.centerAndZoom("上海",12); // 初始化地图,用城市名设置地图中心点
var point = new BMap.Point(121.48, 31.22); // 创建点坐标
map.centerAndZoom(point, 12); // 初始化地图，设置中心点坐标和地图级别

之后，按照需求，可以添加相关控件。
基本包括，地图上的一些控件：
一，下面四组均为控件设置测试