03 2020 档案
摘要：需求： 如图所示。不同颜色代表不同水位数据。当前水位达到多少红色框覆盖到哪里。 逻辑就是利用echarts的PictorialBar，在每一个柱状图内添加图片作为背景，然后设置柱状图柱子颜色和透明度。 这个比官网教程详细例子更多：https://www.w3cschool.cn/echarts_tu
阅读全文
摘要：效果图： const myshape={ x: 0, y: 0, width: 20, //柱宽 zWidth: 10, //阴影折角宽 zHeight: 8 //阴影折角高};const color = ['rgb(112,173,71)','#47ad7e', 'rgb(255,255,0)',
阅读全文
摘要：成品图： 先上一个连接，解释一下：https://www.w3cschool.cn/echarts_tutorial/echarts_tutorial-znms2i2b.html 完整代码： var MyCubeRect = echarts.graphic.extendShape({ shape:
阅读全文
摘要：https://files.cnblogs.com/files/cbb-web/leaflet%E5%AD%A6%E4%B9%A0.rar 之前的步骤都在这个里面。但是手写的代码比较乱，注释也比较少。慎重。
阅读全文
摘要：css代码：L.Icon.Pulse.css .leaflet-pulsing-icon { border-radius: 100%; box-shadow: 1px 1px 8px 0 rgba(0,0,0,0.75);}.leaflet-pulsing-icon:after { content:
阅读全文
摘要：var circle = L.circle([31.508, 120], { color: 'red',颜色 fillColor: '#f03',//填充颜色 fillOpacity: 0.5,//透明度 radius: 5000//半径}).addTo(map); var polygon = L.
阅读全文
摘要：官网https://leafletjs.com/reference-1.6.0.html#marker Icon用法 //图片图标var greenIcon = L.icon({ iconUrl: 'img/leaf-green.png',//图片地址// shadowUrl: 'leaf-shad
阅读全文
摘要：将你声明的两个变量放入baseLayers中，并加入相应名字。多个以此类推 调用L.control.layers(baseLayers).addTo(map);地图右上角会出现这个图标 点击出现如下，对应刚刚自己起的名字。点击单选按钮地图切换到相应地图 点击出现 上回的地图初始化中属性 以上两个属性
阅读全文
摘要：一、引入leaflet<link rel="stylesheet" href="https://unpkg.com/leaflet@1.6.0/dist/leaflet.css" /><script src="https://unpkg.com/leaflet@1.6.0/dist/leaflet.
阅读全文
