详细说明vue在项目中使用百度地图

第一步是向百度地图开发者申请密钥。

第二步被引入到项目中，如下所示

index.html存储地图链接，代码如下

然后在APP.vue中实现，代码如下

template div id=' App ' div id=' all map ' ref=' all map '/div router-view/router-view/div/template script export default { name : ' App '，methods : { map(){ let map=new BMap。地图(这个。$ refs . all map)；//创建地图实例地图。居中和缩放(新bmap。点(116.404，39.915)，11)；//初始化地图，设置中心点坐标和地图级别地图。add control(new map。maptype control({//添加映射类型控件maptypes: [bmap _ normal _ map，bmap _ hybrid _ map]})；map . setcurrentcity(' Beijing ')；//设置地图上显示的城市。此项目必须设置为map . enablescrolwheelzoom(true)；//打开鼠标滚轮进行缩放}}，mounted(){ this . map()} }/script style # app { font-family : ' avenir '，Helvetica，arial，sans-serif；-web kit-font-smooth :抗锯齿；-moz-OSX-font-smooth :灰度；文本对齐：中心；color : # 2c 3e 50；边距-top : 60px；} # allmap { height: 500px飞越：隐藏；}/style上面提到的是边肖介绍的vue在项目中使用百度地图进行详细的讲解和整合，希望对大家有所帮助。如果你有任何问题，请给我留言，边肖会及时回复你。非常感谢您对我们网站的支持！