请求web大佬修改一段代码

yunyuhan · 发表于 2024-3-28 16:56:57

我需要大佬帮我修改成只显示山西省运城市盐湖区的地图，且只有两个坐标点，111.024497,35.000849和111.048643,35.120453，飞线就是从第二个坐标到第一个坐标
麻烦各位大佬了

补充内容 (2024-3-28 16:57):
完整代码在1楼

补充内容 (2024-3-28 17:12):
我想要地图只显示盐湖区区域的，其余其余隐藏不显示。然后飞线是从111.021183,35.000226到111.047054,35.118886

yunyuhan · 发表于 2024-3-28 16:57:30

<!DOCTYPE html>
<html>
  <head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta http-equiv="content-type" content="text/html; charset=utf-8" />

<title>地图</title>
<style type="text/css">
   html,
   body {
      height: 100%;
      margin: 0;
   }
   .bmap {
      height: 900px;
   }
</style>

<script src="https://api.map.baidu.com/api?v=3.0&ak=2fNpWlpStH5BTSAdGI4piuql45LiLCc6"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/echarts.min.js"></script>

<script type="text/javascript" src="https://cdn.jsdelivr.net/npm/echarts@5/dist/extension/bmap.min.js"></script>
  </head>

  <body>

<div id="bmap" class="bmap"></div>
<script type="text/javascript">
   var myChart = echarts.init(document.getElementById('bmap'))

   var planePath =
      'path://M1705.06,1318.313v-89.254l-319.9-221.799l0.073-208.063c0.521-84.662-26.629-121.796-63.961-121.491c-37.332-0.305-64.482,36.829-63.961,121.491l0.073,208.063l-319.9,221.799v89.254l330.343-157.288l12.238,241.308l-134.449,92.931l0.531,42.034l175.125-42.917l175.125,42.917l0.531-42.034l-134.449-92.931l12.238-241.308L1705.06,1318.313z'

   var option = {
      tooltip: {
      trigger: 'item',
      formatter: function (params, ticket, callback) {
         if (params.seriesType == 'effectScatter') {
            return '线路：' + params.data.name + '' + params.data.value[2]
         } else if (params.seriesType == 'lines') {
            return params.data.fromName + ' -> ' + params.data.toName + '<br />' + params.data.value
         } else {
            return params.name
         }
      }
      },
      bmap: {
      center: [111.421899,35.098097],
      zoom: 6,
      roam: true
      },
      series: [
      {
         name: '重庆' + ' Top3',
         type: 'lines',
         coordinateSystem: 'bmap',
         zlevel: 2,
         // symbol: ['none', 'arrow'],
         effect: {
            show: true,
            period: 6,
            trailLength: 0.1,
            color: 'red', // arrow箭头的颜色
            symbol: planePath,
            symbolSize: 15
         },
         lineStyle: {
            normal: {
            color: '#a6c84c',
            width: 1,
            curveness: 0.2
            }
         },
         data: [
            {
            fromName: '重庆',
            toName: '上海',
            coords: [
               [106.549238, 29.57553],
               [121.480509, 31.23592]
            ],
            value: 100
            },
            {
            fromName: '上海',
            toName: '北京',
            coords: [
               [121.480509, 31.23592],
               [116.403039, 39.914023]
            ],
            value: 100
            }
         ]
      },
      {
         name: '重庆' + ' Top3',
         type: 'effectScatter',
         coordinateSystem: 'bmap',
         zlevel: 1,
         rippleEffect: {
            brushType: 'stroke'
         },
         label: {
            normal: {
            show: true,
            position: 'right',
            formatter: '{b}'
            }
         },
         symbolSize: function (val) {
            return val[2] / 8
         },
         itemStyle: {
            color: '#a6c84c'
         },
         data: [
            { name: '重庆', value: [106.549238, 29.57553, 100] },
            { name: '上海', value: [121.480509, 31.23592, 100] },
            { name: '北京', value: [116.403039, 39.914023, 100] }
         ]
      }
      ]
   }

   myChart.setOption(option)
</script>
  </body>
</html>

补充内容 (2024-3-28 17:12):
我想要地图只显示盐湖区区域的，其余其余隐藏不显示。然后飞线是从111.021183,35.000226到111.047054,35.118886

yunyuhan · 发表于 2024-3-28 17:02:32

已知可以通过修改 center 和 zoom 属性，显示到我所需要的地方，但是不是我想要的样子，我需要他只显示盐湖区的地图，其余的不显示

zxc2200 · 发表于 2024-3-28 17:02:37

你这个论坛页面怎么这么奇怪

yunyuhan · 发表于 2024-3-28 17:03:12

zxc2200 发表于 2024-3-28 17:02
你这个论坛页面怎么这么奇怪

不清楚应该是我点到哪里了

zxc2200 · 发表于 2024-3-28 17:07:16

yunyuhan 发表于 2024-3-28 17:03
不清楚应该是我点到哪里了

你发的问题没看懂是啥意思，要应用百du地图吗？

yunyuhan · 发表于 2024-3-28 17:11:52

zxc2200 发表于 2024-3-28 17:07
你发的问题没看懂是啥意思，要应用百du地图吗？

我想要地图只显示盐湖区区域的，其余其余隐藏不显示。然后飞线是从111.021183,35.000226到111.047054,35.118886

2wEn · 发表于 2024-3-28 17:16:20

@大司命论坛bug

七彩色工作室 · 发表于 2024-3-28 17:20:38

你里面的改一下就可以了

迷糊的弟弟 · 发表于 2024-3-28 17:24:26

牛啊，论坛的界面都给你整出BUG了

		自动登录	找回密码
密码			注册

[Web相关] 请求web大佬修改一段代码