根据经纬度数组绘制地区范围

最新推荐文章于 2024-06-04 15:34:33 发布
最新推荐文章于 2024-06-04 15:34:33 发布
阅读量4.8k 收藏 9
点赞数 1
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_41396619/article/details/83009008
版权

根据获取的经纬度组成二维数组并使用overlay绘制区块图

将经纬度数据经过拼接组成二维数组的形式：

拼接字符串：

将一列数据拼接并使用逗号分隔：

公式：=D1:D68 点击F9 生成

手动删除头尾多余字符串，ctrl+H替换 "," 为 ,

代码：

<!DOCTYPE html>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
	<style type="text/css">
	body, html,#allmap {width: 100%;height: 100%;overflow: hidden;margin:0;font-family:"微软雅黑";}
	</style>
	<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=E06eb9d756d0eafc722effb355657b4c"></script>
	<title>区域展示</title>
<script src="http://c.cnzz.com/core.php"></script></head>
<body>
	<div id="allmap"></div>
</body>
</html>
<script type="text/javascript">

	
	// 百度地图API功能
	var map = new BMap.Map("allmap");    // 创建Map实例
	map.centerAndZoom(new BMap.Point(118.803572,32.066121), 15);  // 初始化地图,设置中心点坐标和地图级别
	map.addControl(new BMap.MapTypeControl());   //添加地图类型控件
	map.setCurrentCity("南京");          // 设置地图显示的城市 此项是必须设置的
	map.enableScrollWheelZoom(true);     //开启鼠标滚轮缩放
   

   

	
    var _TheArray = [[118.793425,32.040599],[118.793657,32.042257],[118.79397,32.044788],[118.794106,32.045703],[118.795121,32.051495],[118.795498,32.054086],[118.794785,32.05424],[118.794091,32.054978],[118.793609,32.055507],[118.793609,32.055507],[118.793539,32.056249],[118.793545,32.057455],[118.79355,32.058501],[118.793725,32.060881],[118.793627,32.062018],[118.793468,32.063023],[118.793439,32.064643],[118.793439,32.064643],[118.793446,32.065729],[118.793285,32.066237],[118.793301,32.06777],[118.793008,32.069068],[118.792519,32.07109],[118.792463,32.071158],[118.790412,32.071002],[118.790475,32.075661],[118.790529,32.075669],[118.788423,32.075515],[118.784155,32.07529],[118.779441,32.07462],[118.779419,32.074451],[118.778518,32.073691],[118.775614,32.071318],[118.775614,32.071318],[118.775614,32.071318],[118.775614,32.071318],[118.775614,32.071318],[118.775614,32.071318],[118.779374,32.070302],[118.781976,32.070475],[118.783634,32.070624],[118.78357,32.070605],[118.78357,32.070605],[118.781428,32.068593],[118.781043,32.067963],[118.781125,32.06662],[118.781166,32.065189],[118.781111,32.065235],[118.780806,32.063765],[118.78078,32.063004],[118.780471,32.061686],[118.780424,32.060799],[118.7811,32.058792],[118.783699,32.052875],[118.783016,32.049863],[118.782521,32.048316],[118.782752,32.048139],[118.781795,32.0457],[118.781455,32.044001],[118.782159,32.043738],[118.783104,32.043415],[118.78473,32.042774],[118.787236,32.041789],[118.787908,32.041509],[118.788904,32.04132],[118.789006,32.04137],[118.789658,32.041283],[118.790465,32.041158],[118.790577,32.04114],[118.791326,32.040995],[118.793425,32.040599]
];
        
     for(var i=0;i< _TheArray.length;i++){
	    drawRedLine(_TheArray[i][0],_TheArray[i][1],_TheArray[i+1][0],_TheArray[i+1][1]);
        }
      

   
   function drawRedLine(lon,lat,endLon,endLat){
	   var polyline1 = new BMap.Polyline([
		                                  new BMap.Point(lon,lat),//起始点的经纬度
		                                  new BMap.Point(endLon,endLat)//终止点的经纬度
		                                  ], {strokeColor:"red",//设置颜色 
		                                  strokeWeight:5, //宽度
		                                  strokeOpacity:1});//透明度
	   map.addOverlay(polyline1);
   }
 
 
</script>

效果图：：

zqdfound
关注
  • 1
    点赞
  • 踩
  • 9
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
全国省市区经纬度.xlsx
07-16
全国3700多个地级市的经纬度，含邮政编码。很适合数据分析等人员，进行地图位置识别。
Echarts经纬度数组
轻风细雨_林木木
11-22 789
1.世界 {‘阿富汗’:[67.709953,33.93911],‘安哥拉’:[17.873887,-11.202692],‘阿尔巴尼亚’:[20.168331,41.153332],‘阿联酋’:[53.847818,23.424076],‘阿根廷’:[-63.61667199999999,-38.416097],‘亚美尼亚’:[45.038189,40.069099],‘法属南半球和南极领地’:[69.348557,-49.280366],‘澳大利亚’:[133.775136,-25.274398],‘奥
js处理经纬度字符串为二维数组
最新发布
m0_46554818的博客
06-04 145
【代码】js处理经纬度字符串为二维数组。
根据经纬度画区域python_用basemap画气象图
weixin_39616855的博客
11-21 2337
basemap 是Python的一个实现地理信息可视化的库，是Matplotlib的一个附加工具包。GrADS在利用“.nc”格式文件的数据绘图时稍显繁琐，basemap就方便很多。例如现在有一个1948-2010年的逐月月平均气温数据文件“air.mon.mean.nc”，我们试着用basemap画一张1948-2010年1月气温气候场图。1.读取“.nc”文件中的数据在读取“.nc”文件的数据...
异常订单分析之地址分布异常——python经纬度距离聚类应用
weixin_47370009的博客
06-28 1531
异常在哪儿呢？举例来说，目标客群是面向C端提供服务的便利店，但是看售卖数据发现这些门店都聚集在批发市场附近。出现在了不该出现的地方。经纬度标记来帮您 。
批量获取中国所有行政区域经边界纬度坐标（到县区级别）
qq_58832911的博客
07-05 8460
本文使用python，利用request工具，从高德地图公开API获取中国各个行政区域边界经纬度坐标集。行政区最细分到县和区的级别。
获取地图县市区域经纬度集合
weixin_40841731的博客
05-06 264
如果已经部署到线上了，可以用域名加文件路径，没有的话就http://localhost:8080/resource/default/static/data/mapdata.json 这种方式拿。注意 url 不能写成 ../../resource/default/static/data/mapdata.json 这种形式，这种url拿不到数据。百度地图和高德地图都有此功能。解决：从百度地图或高德地图拿到区域经纬度集合，在选取的地图中用覆盖物渲染。在百度地图中，将经纬度集合保存到json文件中并下载到本地。
加载并显示经纬度数组构成的路网
09-08
在IT行业中，构建一个能够加载并显示经纬度数组构成的路网系统是一项常见的任务，尤其在导航软件开发中。这个系统的关键在于将地理空间数据转换为屏幕上的可视图像。在这个项目中，开发者使用了Windows的GDI...
最全最好用的经纬度信息获取器——自绘制点、小区、市县、省等
05-26
最全最好用的经纬度信息获取器——自绘制点、小区、市县、省等 1. 支持自己在地图上绘制多边形 2. 支持部分小区、学校等范围 3. 支持市县区范围 4. 支持省范围 5. 结果生成为json数组格式，可以直接复制使用 6. 鼠标...
python basemap 画出经纬度并标定的实例
09-19
在Python的地理信息系统（GIS）领域...通过调整参数和添加额外的绘制命令，你可以根据需求定制地图，如添加特定地点的标记、绘制数据分布等。掌握`basemap`库的使用，对于进行地理数据处理和GIS应用开发是非常有益的。
【Python应用实战案例】Python实现经纬度换算+计算两地距离+地理可视化（代码）
01-26
这个主题涵盖了经纬度转换、计算两点间的距离以及地理数据的可视化。以下是对这些知识点的详细阐述： 一、经纬度换算 在地理坐标系统中，地球被分为经度和纬度网格。经度是从本初子午线（通过英国格林尼治的线）...
全国经纬度数据.rar
09-15
在这个上下文中，JSON文件可能包含中国所有行政区域的边界坐标信息，以键值对的形式组织，例如，每个省、市、区的名称与对应的经纬度边界数组相对应。 2. 全国地图边界数据： 地图边界数据是描述地理区域边界的...
国家经纬度,用于echarts开发世界地图
04-25
从给定文件中的部分内容可以看出，每个国家或地区都有一个经纬度坐标数组，格式通常是[经度, 纬度]。这些经纬度坐标是决定地图上国家位置的关键数据，它们是地理信息系统（GIS）的基础数据之一。 具体到echarts的...
全球各国的经纬度边界数据-JSON（全）
12-10
全球各国的经纬度边界数据是地理信息系统（GIS）领域中常用的一种资源，它通常用于地图绘制、地理位置分析、地理围栏设定以及各种基于位置的服务。本资源提供的数据以JSON格式呈现，与常见的SHP（Shapefile）格式...
地图的使用及实时绘制轨迹
07-14
通过不断更新MKPolyline的坐标数组，就可以动态绘制出用户移动的轨迹。为了优化性能，可以使用MKMapView的addOverlay:方法添加覆盖物，并自定义MKPolylineView来渲染轨迹线。 3. **位移追踪**：如果想要追踪用户的...
MATLAB经纬度数据分析.zip
07-04
经度和纬度通常以十进制角度形式表示，其中经度范围是-180°到180°，纬度范围是-90°到90°。在MATLAB中，你可以创建一维或二维数组来存储这些坐标。 2. **导入数据**： 使用`readtable`或`csvread`函数读取包含...
各省市各区中心点经纬度数据（更新至2021年）
li514006030的博客
05-22 2162
1、数据来源：高德地图API 2、时间跨度：2021年 3、区域范围：全国 4、指标说明： 包含如下指标： 省份 城市 经度 纬度 行政区划代码 5、部分数据截图： 相关研究： [1]李林, 丁艺, 刘志华. 金融集聚对区域经济增长溢出作用的空间计量分析[J]. 金融研究, 2011, 000(005):113-123. [2]林光平, 龙志和, 吴梅. 中国地区经济σ-收敛的空间计量实证分析[J]. 数量经济技术经济研究, 2006, 23(4)..
Echarts地图开发：geomap全国34省市区cp属性经纬度坐标
漏刻有时数据可视化大屏（PHP&ECHARTS智能化开源软件系统）
02-03 1775
{ "台湾": [ 121.509062, 25.044332 ], "河北": [ 114.502461, 38.045474 ], "山西": [ 112.549248, 37.857014 ], "内蒙古": [ 111.670801, 40.818311 ], "辽宁": [ 123.429096, 41.796767 ], "吉林": [ 125.3245,
Echarts地图，省市区县，行政代码及地图坐标
couch potato的博客
01-14 8985
110000,北京市,116.40529,39.904987 110100,北京市市辖区,116.40529,39.904987 110101,东城区,116.418755,39.917545 110102,西城区,116.36679,39.91531 110105,朝阳区,116.48641,39.92149 110106,丰台区,116.286964,39.863644 110107,石景山区...
根据后端返回的经纬度数组回放路径轨迹
08-30
### 回答1： 要根据后端返回的经纬度数组回放路径轨迹，您需要使用地图API将这些坐标点绘制在地图上，以显示路径的路线。 以下是一个通用的基本步骤，可以帮助您实现这个功能： 1. 选择一个合适的地图API，例如Google Maps、Mapbox、Baidu Maps等，并获取API密钥。 2. 根据您选择的API，按照文档指示，初始化地图对象。 3. 根据后端返回的经纬度数组，使用API提供的功能将这些坐标点添加到地图上。 4. 如果需要，可以设置路径的样式，例如颜色、宽度等。 5. 可选：将地图视角调整为适当的缩放级别，以便用户能够看到整个路径。 6. 将地图对象嵌入到您的页面中，以便用户可以查看路径轨迹。 下面是一个使用Google Maps API V3的示例代码： ```javascript function initMap() { var map = new google.maps.Map(document.getElementById('map'), { zoom: 14, center: {lat: 37.7749, lng: -122.4194} // 设定地图中心 }); var path = []; // 存储路径点的数组 var coordinates = [ // 后端返回的经纬度数组 {lat: 37.7749, lng: -122.4194}, {lat: 37.7742, lng: -122.4186}, {lat: 37.7735, lng: -122.4179}, {lat: 37.7730, lng: -122.4168}, {lat: 37.7725, lng: -122.4158}, {lat: 37.7720, lng: -122.4151}, ]; for (var i = 0; i < coordinates.length; i++) { path.push(new google.maps.LatLng(coordinates[i].lat, coordinates[i].lng)); } var route = new google.maps.Polyline({ path: path, geodesic: true, strokeColor: '#FF0000', strokeOpacity: 1.0, strokeWeight: 2 }); route.setMap(map); } ``` 这段代码将在名为 "map" 的HTML元素中创建一个新的Google地图，并在地图上绘制一个红色的折线，表示一条路径轨迹。您可以将其修改为符合您自己的需求。 ### 回答2： 根据后端返回的经纬度数组回放路径轨迹可以使用地图和定位技术来实现。 首先，我们需要使用地图API来加载地图，常用的地图API包括百度地图、高德地图等。通过API提供的接口，我们可以将地图显示在页面上，并根据返回的经纬度数据来标记路径点。 其次，我们需要使用定位技术来获取用户的当前位置并在地图上标记出来。通过GPS或其他定位技术，我们可以获得用户的当前经纬度坐标，并将其显示在地图上。 然后，我们需要使用返回的经纬度数组来回放路径轨迹。可以通过循环遍历数组中的每一个经纬度坐标点，并通过地图API提供的接口将其标记在地图上。在标记每一个点的同时，我们可以设置一定的延时，以便观察路径的移动。 最后，为了增加用户体验，我们还可以添加一些动画效果来展示路径的回放。可以通过设置动态移动的标记点、改变路径线的颜色等方式，营造出轨迹回放的效果。 根据以上步骤，我们可以实现根据后端返回的经纬度数组回放路径轨迹的功能。用户可以在地图上观察到路径点的标记，并通过动态效果感受到路径的回放过程。这样的功能可以应用于很多场景，比如旅游导航、运动轨迹回放等。 ### 回答3： 根据后端返回的经纬度数组回放路径轨迹，我们可以使用地图相关的API来实现。首先，我们需要获取地图的实例，然后根据传入的经纬度数组来绘制路径轨迹。 我们可以选择使用百度地图、谷歌地图、高德地图等开放平台提供的API。以百度地图为例，具体步骤如下： 1. 首先，我们需要申请百度地图的API密钥。在申请过程中，需要提供相关的开发者信息，包括应用名称、应用描述等。 2. 在前端页面中，引入百度地图的JS文件，并创建一个地图容器，用来展示地图。可以通过指定的DOM元素的id来获取该容器。 3. 在后端返回的经纬度数组中，遍历每个经纬度点，并将其添加到百度地图的经纬度对象中。 4. 创建一个百度地图的点集合（polyline），将上述经纬度对象添加到点集合中。 5. 将点集合添加到地图上，并设置点集合的相关属性，如颜色、线宽等。 6. 最后，调用百度地图的绘制方法，将路径轨迹展示在地图上。 通过上述步骤，我们可以实现根据后端返回的经纬度数组回放路径轨迹。用户可以在地图上看到路径的具体轨迹，并进行放大、缩小、拖拽等操作。
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值