vue2 百度地图的个性样式

要使用个性化样式，需要先在百度地图开放平台创建自己的样式模板，然后在 Vue2 中引入百度地图 API，并将自定义的样式模板作为参数传递给地图组件即可。

以下是一个简单的示例代码：

<template>
  <div id="map"></div>
</template>

<script>
export default {
  mounted() {
    // 引入百度地图 API
    const script = document.createElement("script");
    script.src = "http://api.map.baidu.com/api?v=2.0&ak=你的AK值";
    script.onload = () => {
      this.initMap();
    };
    document.head.appendChild(script);
  },
  methods: {
    initMap() {
      // 创建地图实例
      const map = new BMap.Map("map");
      // 设置中心点和缩放级别
      const point = new BMap.Point(116.404, 39.915);
      map.centerAndZoom(point, 15);
      // 加载个性化样式
      const myStyleJson = [
        // 自定义样式内容
      ];
      const myStyle = new BMap.MapStyle({
        styleJson: myStyleJson,
      });
      map.setMapStyle(myStyle);
    },
  },
};
</script>

<style>
#map {
  width: 100%;
  height: 500px;
}
</style>

在自定义样式内容中，可以根据需求设置地图的各种样式，如地图底图、道路、建筑物、POI 等。具体的样式参数可以参考百度地图开放平台的文档。