700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > Vue项目接入百度地图 更改地图主题色

Vue项目接入百度地图 更改地图主题色

时间:2019-02-10 19:38:40

相关推荐

Vue项目接入百度地图 更改地图主题色

接入流程:

1: 在Vue创建的项目里找到index.html的文件,在index.html文件里添加。

<script type="text/javascript" src="http://api./api?v=3.0&ak=GfVXTzuM2GCyjrqk1joXN8oN"></script>

2.在需要添加地图的模块里创建百度地图。

<div class='mapbox' id='allMap'></div>

<script>

var goodsData = require('../../assets/custom_map_config') //导入设置好的主题颜色 如果不需要,可以不做此操作

baiduMap: function () {// eslint-disable-next-linevar map = new BMap.Map('allMap')// eslint-disable-next-linevar point = new BMap.Point(116.404, 39.915)map.centerAndZoom(point, 12)map.enableScrollWheelZoom(true)map.setMapStyleV2({styleJson: goodsData}) // 使用导入的主题样式}

</scropt>

默认的不添加样式

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。