地图
文章平均质量分 54
腾讯地图
跳跳的小古风
热爱前端的一枚小可爱~
展开
-
echart之map地图图表使用教程
官方解释你可以有选择地退出默认的深度响应式/只读转换模式,并将原始的,未被代理的对象嵌入状态图中。它们可以根据情况灵活运用:有些值不应该是响应式的,例如复杂的第三方类实例或 Vue 组件对象。(第三方实例)当渲染具有不可变数据源的大列表时,跳过 proxy 转换可以提高性能。解决方案在实例化echart时,将其指定为非响应式的import {原创 2023-07-15 19:24:29 · 3390 阅读 · 2 评论 -
设置图层地图中心点,以及地图缩放级别
问题描述:创建一个新图层时,要求根据经纬度定位到该图层的中心点,并设置地图缩放级别。方法描述:创建map.center.js,在需要的文件中引入他即可import mapCenter from ‘./map.center.js’;mapCenter.setCenter(map, data);/* 根据计算中心点 定位地图 */export default { //设置地图中心点事件 setCenter(map, data) { var list = [] data.map.原创 2022-03-11 10:36:06 · 928 阅读 · 0 评论 -
mapbox使用教程
地图创建点 const sourceId = 'typeId'; const pointId= 'pointId'; map.addSource(sourceId, { type: 'geojson', data: data, }); //设置原点默认值 map.addLayer({ id: pointId, type: 'circle', source: sourceId, // filter: ["!", ["has", "point_count原创 2022-05-01 22:43:19 · 24122 阅读 · 8 评论 -
vue 使用mapbox对当前行政区划进行反选遮罩
地图区划反选遮罩原创 2022-07-02 14:02:07 · 1745 阅读 · 2 评论 -
turf:计算面积、折线长度和两点距离
1.在index.html直接引用 <script> src="https://unpkg.com/@turf/turf@6.3.0/turf.min.js"></script>2.npm install @turf/along 计算两点距离var along = turf.along(line, 300, options);var from = turf.point([-75.343, 39.984]);var to = turf.point([-75.534,原创 2021-11-09 18:02:59 · 2165 阅读 · 0 评论 -
MapBox隐藏或删除logo或改变位置
如图,隐藏或改变地图左下角的logo图标删除logo.mapboxgl-ctrl { display: none !important;}//或隐藏不了//加入/deep//deep/.mapboxgl-ctrl { display: none !important;}改变位置 map1 = new mapboxgl.Map({ container: "map1", zoom: 12, ..原创 2021-08-23 12:01:10 · 1449 阅读 · 0 评论