echarts引入百度地图vue3(大屏项目中缩放点偏移到左上角,解决代码在最后)

实际开发中的问题,遇到了大屏做了自适应,为非标准文档流之后,在缩放时不是以鼠标当前位置缩放的,而是偏移到左上角。

向百度地图提了工单也没解决,同一套适应方案用cesium地图时缩放没问题:

 先看看效果,因为数据涉密数据打码一下(用的缩放控件解决的):

 index.html  需要先在这个文件中引入百度的ak

<script type="text/javascript"
      src="http://api.map.baidu.com/api?v=2.0&ak=你的ak"
    ></script>

地图组件:

<template>
  <!-- 中国地图 -->
  <div ref="mapChartRef" id="mapChart" class="echarts"></div>
</template>

<script setup lang="ts">
import { ref, watchEffect } from "vue";
import * as echarts from "echarts";
import "echarts/extension/bmap/bmap";

const mapChartRef = ref();
//图表方法
const mapChart = () => {
  //获取id并初始化图表
  var myChart = echarts.init(document.getElementById("mapChart"));
  const option = ref({
    //在echarts中配置百度地图
    bmap: {
      center: [104.114129, 37.550339],
      zoom: 5,
      roam: 'move',
      //mapStyle: mapStyle.value, //这个是地图样式配置,如果需要,贴在最后
    },
    //一些其他echarts配置
})
  myChart.setOption(option.value);
  //获取百度地图实例
  // @ts-ignore
  const bmap = myChart.getModel().getComponent("bmap").getBMap();
  //添加缩放控件
  // @ts-ignore
  bmap.addControl(new BMap.NavigationControl({offset : new BMap.Size(1400,150)}));
};
watchEffect(() => {
  if (mapChartRef.value) {
    mapChart();
  }
});

<style lang="scss" scoped>
.echarts {
  width: 100%;
  height: 100%;
}
</style>

mapStyle的json数据 

const mapStyle = ref({
  styleJson: [
    {
      featureType: "land",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#031e55ff",
      },
    },
    {
      featureType: "water",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#113549ff",
      },
    },
    {
      featureType: "green",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#0e1b30ff",
      },
    },
    {
      featureType: "building",
      elementType: "geometry",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "building",
      elementType: "geometry.topfill",
      stylers: {
        color: "#113549ff",
      },
    },
    {
      featureType: "building",
      elementType: "geometry.sidefill",
      stylers: {
        color: "#143e56ff",
      },
    },
    {
      featureType: "building",
      elementType: "geometry.stroke",
      stylers: {
        color: "#dadada00",
      },
    },
    {
      featureType: "subwaystation",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#feffffB2",
      },
    },
    {
      featureType: "education",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#12223dff",
      },
    },
    {
      featureType: "medical",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#12223dff",
      },
    },
    {
      featureType: "scenicspots",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        color: "#12223dff",
      },
    },
    {
      featureType: "highway",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        weight: "4",
      },
    },
    {
      featureType: "highway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "highway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#fed66900",
      },
    },
    {
      featureType: "highway",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "highway",
      elementType: "labels.text.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "highway",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "highway",
      elementType: "labels.icon",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "arterial",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        weight: "2",
      },
    },
    {
      featureType: "arterial",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "arterial",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffeebb00",
      },
    },
    {
      featureType: "arterial",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "arterial",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "arterial",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "local",
      elementType: "geometry",
      stylers: {
        visibility: "on",
        weight: "1",
      },
    },
    {
      featureType: "local",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "local",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "local",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "local",
      elementType: "labels.text.fill",
      stylers: {
        color: "#979c9aff",
      },
    },
    {
      featureType: "local",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffffff",
      },
    },
    {
      featureType: "railway",
      elementType: "geometry",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "subway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        weight: "1",
      },
    },
    {
      featureType: "subway",
      elementType: "geometry.fill",
      stylers: {
        color: "#d8d8d8ff",
      },
    },
    {
      featureType: "subway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "subway",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "subway",
      elementType: "labels.text.fill",
      stylers: {
        color: "#979c9aff",
      },
    },
    {
      featureType: "subway",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffffff",
      },
    },
    {
      featureType: "continent",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "continent",
      elementType: "labels.icon",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "continent",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "continent",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "city",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "city",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "city",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "city",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "town",
      elementType: "labels.icon",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "town",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "town",
      elementType: "labels.text.fill",
      stylers: {
        color: "#454d50ff",
      },
    },
    {
      featureType: "town",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffffff",
      },
    },
    {
      featureType: "road",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "poilabel",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "districtlabel",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "road",
      elementType: "geometry",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "road",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "road",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "district",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "poilabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "poilabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "poilabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "manmade",
      elementType: "geometry",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "districtlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffffff",
      },
    },
    {
      featureType: "entertainment",
      elementType: "geometry",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "shopping",
      elementType: "geometry",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "nationalway",
      stylers: {
        level: "6",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      stylers: {
        level: "7",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      stylers: {
        level: "8",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      stylers: {
        level: "9",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      stylers: {
        level: "10",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "6",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "7",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "8",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "9",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "10",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "6",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "7",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "8",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "9",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "nationalway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "10",
        curZoomRegionId: "0",
        curZoomRegion: "6-10",
      },
    },
    {
      featureType: "cityhighway",
      stylers: {
        level: "6",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      stylers: {
        level: "7",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      stylers: {
        level: "8",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      stylers: {
        level: "9",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "6",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "7",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "8",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "geometry",
      stylers: {
        visibility: "off",
        level: "9",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "6",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "7",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "8",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "labels",
      stylers: {
        visibility: "off",
        level: "9",
        curZoomRegionId: "0",
        curZoomRegion: "6-9",
      },
    },
    {
      featureType: "subwaylabel",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "subwaylabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "tertiarywaysign",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "tertiarywaysign",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "provincialwaysign",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "provincialwaysign",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "nationalwaysign",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "nationalwaysign",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "highwaysign",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "highwaysign",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "village",
      elementType: "labels",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "district",
      elementType: "labels.text",
      stylers: {
        fontsize: "20",
      },
    },
    {
      featureType: "district",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "district",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "country",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "country",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "water",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "water",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "tertiaryway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "tertiaryway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff10",
      },
    },
    {
      featureType: "provincialway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "provincialway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "nationalway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "nationalway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "highway",
      elementType: "labels.text",
      stylers: {
        fontsize: "20",
      },
    },
    {
      featureType: "nationalway",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "nationalway",
      elementType: "labels.text.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "nationalway",
      elementType: "labels.text",
      stylers: {
        fontsize: "20",
      },
    },
    {
      featureType: "provincialway",
      elementType: "labels.text.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "provincialway",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "provincialway",
      elementType: "labels.text",
      stylers: {
        fontsize: "20",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "labels.text.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "labels.text",
      stylers: {
        fontsize: "20",
      },
    },
    {
      featureType: "cityhighway",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "estate",
      elementType: "geometry",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "tertiaryway",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "tertiaryway",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "fourlevelway",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "fourlevelway",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "scenicspotsway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "scenicspotsway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "universityway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "universityway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "vacationway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "vacationway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "fourlevelway",
      elementType: "geometry",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "fourlevelway",
      elementType: "geometry.fill",
      stylers: {
        color: "#12223dff",
      },
    },
    {
      featureType: "fourlevelway",
      elementType: "geometry.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "transportationlabel",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "transportationlabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "transportationlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "transportationlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "educationlabel",
      elementType: "labels",
      stylers: {
        visibility: "on",
      },
    },
    {
      featureType: "educationlabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "educationlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "educationlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "transportation",
      elementType: "geometry",
      stylers: {
        color: "#113549ff",
      },
    },
    {
      featureType: "airportlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "airportlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "scenicspotslabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "scenicspotslabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "medicallabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "medicallabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "medicallabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "scenicspotslabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "airportlabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "entertainmentlabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "entertainmentlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "entertainmentlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "estatelabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "estatelabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "estatelabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "businesstowerlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "businesstowerlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "businesstowerlabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "companylabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "companylabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "companylabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "governmentlabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "governmentlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "governmentlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "restaurantlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "restaurantlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "restaurantlabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "hotellabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "hotellabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "hotellabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "shoppinglabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "shoppinglabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "shoppinglabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "lifeservicelabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "lifeservicelabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "lifeservicelabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "carservicelabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "carservicelabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "carservicelabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "financelabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "financelabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "financelabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "otherlabel",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "otherlabel",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "otherlabel",
      elementType: "labels.icon",
      stylers: {
        visibility: "off",
      },
    },
    {
      featureType: "manmade",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "manmade",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "transportation",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "transportation",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "education",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "education",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "medical",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "medical",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
    {
      featureType: "scenicspots",
      elementType: "labels.text.fill",
      stylers: {
        color: "#2dc4bbff",
      },
    },
    {
      featureType: "scenicspots",
      elementType: "labels.text.stroke",
      stylers: {
        color: "#ffffff00",
      },
    },
  ],
});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mfbz.cn/a/717100.html

如若内容造成侵权/违法违规/事实不符,请联系我们进行投诉反馈qq邮箱809451989@qq.com,一经查实,立即删除!

相关文章

数字人全拆解:如何构建一个基于大模型的实时对话3D数字人?

简单地说&#xff0c;数字人就是在数字世界的“人”。当前语境下我们谈到的数字人通常指的是借助AI技术驱动的虚拟世界人物&#xff0c;具备与真实人类相似甚至接近的外形、感知、交互与行为能力。 AI技术在智能数字人的应用中举足轻重&#xff0c;特别是随着大模型能力的涌现…

死锁预防之银行家算法

死锁预防之银行家算法 第一章 概述 Dijkstra提出了一种能够避免死锁的调度算法,称为银行家算法。 它的模型基于一个小城镇的银行家,他向一群客户分别承诺了一定的贷款额度,每个客户都有一个贷款额度,银行家知道不可能所有客户同时都需要最大贷款额,所以他只保留一定单位…

工业上常见的智能测量设备

工业智能测量仪包括测径仪、测宽仪、测厚仪和直线度测量仪等&#xff0c;主要用于自动化生产线上的高精度尺寸测量。这些设备通常采用光电、激光、工业相机等技术进行非接触式测量&#xff0c;以确保高效率和准确性。测径仪用于测量圆形物体的直径&#xff0c;测宽仪用于测量板…

基于springboot+vue的供应商管理系统

一、系统架构 前端&#xff1a;vue2 | element-ui 后端&#xff1a;springboot | mybatis 环境&#xff1a;jdk1.8 | mysql | maven | node 二、代码及数据库 三、功能介绍 01. 员工注册 02. 登录 03. 管理员-首页 04. 管理员-个人中心-修改密码 05. …

Windows电脑部署Jellyfin服务端并进行远程访问配置详细教程

文章目录 前言1. Jellyfin服务网站搭建1.1 Jellyfin下载和安装1.2 Jellyfin网页测试 2.本地网页发布2.1 cpolar的安装和注册2.2 Cpolar云端设置2.3 Cpolar本地设置 3.公网访问测试4. 结语 前言 本文主要分享如何使用Windows电脑本地部署Jellyfin影音服务并结合cpolar内网穿透工…

ECharts词云图(案例一)+配置项详解

ECharts词云图&#xff08;案例一&#xff09;配置项详解 ECharts 是一款由百度团队开发的基于 JavaScript 的开源可视化图表库&#xff0c;它提供了丰富的图表类型&#xff0c;包括常见的折线图、柱状图、饼图等&#xff0c;以及一些较为特殊的图表&#xff0c;如词云图。从版…

14.编写自动化测试(上)

标题 一、如何编写测试1.1 一些概念1.2 测试函数剖析1.3 使用assert!宏检查结果1.4 使用assert_eq!和assert_ne!宏来测试相等1&#xff09; assert_eq!2&#xff09; assert_ne! 1.5 使用 should_panic 检查 panic 二、将 Result<T, E> 用于测试 一、如何编写测试 1.1 一…

数据库原理(数据库设计)——(3)

一、数据库设计概述 1.数据库设计的基本任务和目标 基本任务 根据用户的信息需求、数据库操作需求&#xff0c;设计一个结构合理、使用方便、效率高的数据库。 设计目标 满足用户的应用要求&#xff1b;准确模拟现实世界&#xff1b;能背某个DBMS&#xff08;数据库管理系统…

重磅!草料模板库更新,新增签到报名和旅游模板

本次共更新5个签到报名场景模板&#xff0c;以及6个旅游场景模板。 所有模板内容均可自定义修改&#xff0c;并可免费使用。 签到报名场景 签到报名场景更新了 活动报名、大型活动会议报名、展会邀请函、专题讲座活动报名和技能培训邀约报名 5个模板&#xff0c;基于不同的会…

前端学习-day10

文章目录 01-体验平面转换02-平移效果03-绝对定位元素居中04-案例-双开门06-转换旋转中心点07-案例-时钟-转换原点08-平面转换-多重转换09-缩放效果10-案例-按钮缩放11-倾斜效果12-渐变-线性13-案例-产品展示14-渐变-径向15-综合案例-喜马拉雅 01-体验平面转换 <!DOCTYPE h…

选专业还是选学校:分数限制下的抉择

大家好&#xff0c;我是DX3906 在高考的分数公布后&#xff0c;许多考生和家长都会面临一个棘手的问题&#xff1a;在分数限制下&#xff0c;是选择一个好专业&#xff0c;还是选择一个好学校&#xff1f;这个问题没有标准答案&#xff0c;因为每个人的情况和目标都不尽相同。本…

元宇宙三维虚拟场景制作平台为数字化营销发展注入了新的活力

​在数字化浪潮的推动下&#xff0c;我们迎来了全新的3D元宇宙场景在线制作编辑器&#xff0c;为您带来前所未有的创作体验。这款轻量级实时创作工具&#xff0c;让您轻松构建丰富的3D元宇宙场景&#xff0c;实现全网全终端的展示。 3D元宇宙场景在线制作编辑器拥有海量的3D模…

微型丝杆的耐用性和延长使用寿命的关键因素!

无论是机械设备&#xff0c;还是精密传动元件&#xff0c;高精度微型丝杆是各种机械设备中不可或缺的重要组件。它的精度和耐用性直接影响着工作效率和产品品质&#xff0c;在工业技术不断进步的情况下&#xff0c;对微型丝杆的性能要求也越来越高&#xff0c;如何提升微型丝杆…

reverse-android-淘最热点so

资源 1. com.maihan.tredian 2021版 淘最热点 2. 该 app 没有加壳 ,也没混淆。 登录抓包 POST: https://api.taozuiredian.com/api/v1/auth/login/sms POST /api/v1/auth/login/sms HTTP/1.1 Content-Type: application/json Connection: close Charset: UTF-8 User-Agen…

C++中list容器常用接口

list的基本定义: 在C中&#xff0c;list被定义为一个双向链表容器。它是标准模板库&#xff08;STL&#xff09;中的一部分&#xff0c;位于<list>头文件中。 list是一个通用模板类&#xff0c;可以存储任何类型的数据&#xff0c;因此它是一个模板类。它实现了双向链表数…

Web应用安全测试-综合利用(一)

Web应用安全测试-综合利用&#xff08;一&#xff09; 文章目录 Web应用安全测试-综合利用&#xff08;一&#xff09;1.跨站脚本攻击&#xff08;XSS&#xff09;漏洞描述测试方法GET方式跨站脚本Post方式跨站脚本 风险分析风险等级修复方案总体修复方式对于java进行的web业务…

Pycharm怎么默认终端连接远程服务器

因为经常需要从宿舍到学校内通勤&#xff0c;期间所有连接都会中断&#xff0c;所以每次开SSH特别麻烦&#xff0c;每次终端自动切换到本地&#xff1a; 每次都得点一下Start SSH Session 想要默认终端连接远程服务器&#xff0c;需要点File->Setting->Tools->SSH T…

详细描述拍立淘接口的实现过程,包括接口设计、开发、测试、部署等关键步骤

拍立淘接口的实现过程可以详细分为以下几个步骤&#xff1a; 注册与权限获取&#xff1a; 注册成为阿里巴巴开放平台开发者&#xff0c;并创建应用。获取API的调用权限和密钥&#xff08;如AppKey和AppSecret&#xff09;&#xff0c;这些密钥将用于后续的身份验证和请求签名。…

SmartEDA体验记:探索电路设计新纪元,乐趣无限!

在科技日新月异的今天&#xff0c;电路设计早已不再是专业人士的专属领域。随着智能化工具的不断发展&#xff0c;普通人也能轻松体验到电路设计的乐趣。今天&#xff0c;就让我带大家走进SmartEDA的世界&#xff0c;一起感受前所未有的电路设计之旅。 SmartEDA&#xff0c;作为…

Ubuntu如何添加用户环境变量

一&#xff0c;简介 在工作中&#xff0c;需要将某个环境变量添加到用户环境变量中&#xff0c;方便使用。 要将 SOF_WORKSPACE~/work/sof 添加到用户的环境变量中&#xff0c;需要将该设置添加到用户的 shell 配置文件中&#xff0c;例如 ~/.bashrc&#xff08;对于 Bash 用…