vue.js的vue-cli脚手架中使用百度地图API的实例

第一步,去百度地图开发者申请密钥。

1.申请密钥(百度地图开放平台-->开发文档-->web开发-->JavaScript  API-->立即使用-->创建应用)

vue.js的vue-cli脚手架中使用百度地图API的实例_第1张图片

2.密钥申请成功后

第二步,在项目的需要模板中引入,具体如下:

vue.js的vue-cli脚手架中使用百度地图API的实例_第2张图片

项目路径

其中index.html存放地图链接,代码如下

在百度地图开放平台 服务介绍中 选择我们所需要的地图类型  demo演示可查看

选择我们所需哪种百度地图的类型:http://lbsyun.baidu.com/index.php?title=jspopular

vue.js的vue-cli脚手架中使用百度地图API的实例_第3张图片

然后在某模板  例:APP.vue里面实现,代码如下

   
   
   

在html页面中使用百度接口步骤也如上面所示

如有不足请谅解!希望给您带来帮助。

总结

以上就是这篇文章的全部内容了,希望本文的内容对大家的学习或者工作具有一定的参考学习价值,谢谢大家对脚本之家的支持。如果你想了解更多相关内容请查看下面相关链接

你可能感兴趣的:(vue.js的vue-cli脚手架中使用百度地图API的实例)