web前端PC端 百度地图的开发指导

先看效果图片：

 

 

最终效果描述：

      1.搜索：有搜索提示，并且可以根据选择进行定位；

      2.获取经纬度：点击地图中某点，在文本框中获取当前点的经纬度的值；

      3.获取详细地址：点击地图中某点时，将该点的详细地址 显示在文本框中；

      4.支持鼠标滚轮控制地图缩放；

      5.支持比例尺控件；

      6.支持城市列表查找，定确定地图中心点；

     7.支持为地图添加文字标签；

===========================================================================

 *基于百度地图API开发 地图类应用，最重要的是 要有自己的或者说可以用的 ‘百度API密钥 ’。百度地图所有的功能，都基于这个密钥为前提。

一、首先 我们先尝试一下，获取 百度API密钥（web前端开发示例）。

  1、根据网址：http://api.map.baidu.com/lbsapi/    找到要操作的页面，点击API控制台

 

2、进行开发版本选择，并提交。

3、提交后，得到刚刚注册的秘钥

   密钥 Ak=lhaYXHeYl3GhecbjMm7vbLKvIQcsPbdl  

 那么到这里我们的前期准备工作就准备好了，下面可以进行数据开发了。

二、上述效果代码开发（百度API里提供大量插件，我们要做的就是根据需求，进行个人的百度地图功能开发）：
  代码如下：

 1.图片快速浏览：

      

 

  

   2、代码详情：

  

  >>
 
 
 
 

 

  提示：如果要复制该代码到本地运行，请注意更换 ‘引用文件地址’和端口号，否则会一起一系列跨域问题，及资源找不到的问题。文档内容最开始提起的 ‘最终效果描述’ 可能措辞不太严谨，但所提效果都以代码实现，代码开发与 效果描述也不是按顺序来开发的，所以请不必再次处产生疑虑。由于水平有限，本文档仅供初学者或首次开发者提供 参考。如代码有错误之处，请见谅。如果有更好的开发经验，感谢回复。谢谢观看！！！；