WEB使用百度地图展示某地地址

第一步 进入百度地图开发平台 

百度地图开放平台 | 百度地图API SDK | 地图开发

 第二步注册 获取AK秘钥,点击【创建应用】进入AK申请页面,填写应用名称,务必选择AK类型为“浏览器端”,JS API只支持浏览器端AK进行请求与访问

WEB使用百度地图展示某地地址_第1张图片

 下面的这个就是AK秘钥WEB使用百度地图展示某地地址_第2张图片

第三步 就是在HTML文件中创建一个div元素,用于显示地图。

第四步 在JS文件中编写代码,调用百度地图API的相关函数,实现地图的展示和标注。

下面这个就是在页面中引用申请的秘钥

    

 效果图

WEB使用百度地图展示某地地址_第3张图片

页面代码如下:





    
    获取信息窗口内容
    
    
    
    



    

百度地图 地址经纬度拾取地址如下链接:

拾取坐标系统

还有个好用的这个百度地图生成工具 不过这个版本比较低会提示你:您所使用的地图JS API版本过低,已不再维护,为保证地图基本功能正常使用,请尽快升级到 最新版

   创建地图-百度地图生成器

你可能感兴趣的:(WEB,前端)