今天小编就为大家分享一篇关于vue.js的vue-cli本文来源gaodaimacom搞#^代%!码&网(脚手架中使用百度地图API的实例，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧
第一步，去百度地图开发者申请密钥。
1.申请密钥（百度地图开放平台–>开发文档–>web开发–>JavaScript API–>立即使用–>创建应用）
2.密钥申请成功后
第二步，在项目的需要模板中引入，具体如下：
项目路径
其中index.html存放地图链接，代码如下
在百度地图开放平台 服务介绍中 选择我们所需要的地图类型 demo演示可查看
选择我们所需哪种百度地图的类型：http://lbsyun.baidu.com/index.php?title=jspopular
然后在某模板 例：APP.vue里面实现，代码如下
<div id="app"> <div id="allmap"></div> //切记模板中一定要有渲染 </div> #app { font-family: 'Avenir', Helvetica, Arial, sans-serif; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-align: center; color: #2c3e50; margin-top: 60px; } /*设置地图的宽高*/ #allmap{ height: 500px; overflow: hidden; }
在html页面中使用百度接口步骤也如上面所示
如有不足请谅解！希望给您带来帮助。
总结
以上就是vue.js的vue-cli脚手架中使用百度地图API的实例的详细内容，更多请关注gaodaima搞代码网其它相关文章！
搞代码网（gaodaima.com）提供的所有资源部分来自互联网，如果有侵犯您的版权或其他权益，请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected]，我们会在看到邮件的第一时间内为您处理，或直接联系QQ：872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接：vue.js的vue-cli脚手架中使用百度地图API的实例
转载请注明原文链接：vue.js的vue-cli脚手架中使用百度地图API的实例
