JavaScript调用百度地图

在网站开发过程中,经常会调用到地图,百度地图提供Web开发、Android开发、iOS开发API及SDK,百度地图JavaScript API可帮助您在网站中构建功能丰富、交互性强的地图应用,本篇博客简单介绍如何使用百度地图提供的JavaScript API调用百度地图。

百度地图开放平台地址:http://lbsyun.baidu.com/index.php?title=jspopular3.0

获取服务密钥

根据提示步骤操作,获取服务密钥

JavaScript调用百度地图_第1张图片

JavaScript调用百度地图_第2张图片

引用百度地图API文件

添加meta标签适应移动端

 

JavaScript API制作动态地图


创建信息窗口,使用URL API调起PC端百度地图,提供公交、驾车换乘检索服务

JavaScript调用百度地图_第3张图片

官方示例地址:http://lbsyun.baidu.com/index.php?title=uri/guide/helloworld

常见问题

This request has been blocked; the content must be served over HTTPS.
Console提示:此请求已被阻止,内容必须通过HTTPS提供。
解决方法:添加meta标签,将HTTP的不安全请求升级为HTTPS

更多常见问题请见官方文档:http://lbsyun.baidu.com/index.php?title=jspopular3.0/qa

End!

你可能感兴趣的:(JavaScript调用百度地图)