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

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

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

vue.js的vue-cli脚本架中使用 百度地图js API_第1张图片

    2.密钥申请成功后

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

vue.js的vue-cli脚本架中使用 百度地图js API_第2张图片项目路径

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

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

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

vue.js的vue-cli脚本架中使用 百度地图js API_第3张图片

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

      
      
      
      
      

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




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

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