js 基于可视区域 创建展示区域对应的经纬度二维数组

Posted 前端js

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js 基于可视区域 创建展示区域对应的经纬度二维数组相关的知识,希望对你有一定的参考价值。

本篇文章主要是分享下基于地图区域创建经纬度二维数组,需要的朋友可以过来参考下

接上个文章, 基于 地图区域,算出这个展示区域对应的点。

经纬度的变化关系:  XY页面展示上, 从左到右维度是增加 如: 106  -> 107 , 从上到下经度是减小  如:30 ->29 

创建的时候需要确定从哪开始, 附上代码,如下:

 

function getSizePointsData (latMin,latMax,lngMin,lngMax,lngStep,latStep){ // 区域的最小经度,最大经度,最小维度,最大维度,维度要画多少格,经度要画多少格
                    
  
          var viewAreaMapPoints=new Array();
          var lngValue = (lngMax - lngMin)/lngStep;  
          var latValue = (latMax - latMin)/latStep; 

          for(var k=0;k<latStep;k++){
                viewAreaMapPoints[k]=new Array();
                for(var j=0;j<lngStep;j++){
                     viewAreaMapPoints[k][j]= {drawIDs:[],count:0,lng:lngMin + j*lngValue,lat:latMax - k*latValue};
                }
          }
 }

这个有什么用呢,看之前的文章:  主要看思路:区域数据去重 + JavaScript一次性展示几万条数据实例代码

 

 

js二维数组定义和初始化的三种方法总结 ,可以参考 : http://www.jb51.net/article/47528.htm    ,不搬了

以上是关于js 基于可视区域 创建展示区域对应的经纬度二维数组的主要内容,如果未能解决你的问题,请参考以下文章

GeoHash

Vue+wow.js+animate.css-实现页面滚动可视区域动画效果展示-案例

数据可视化神器-精彩的地图可视化展示

iOS核心笔记—CoreLocation框架-基础

R语言ggplot2可视化散点图并使用geom_encircle函数自定义多边形圈定可视化图像中的指定区域使用geom_smooth函数基于loess方法拟合数据点之间的趋势关系曲线

后台文章编辑器的可视区域添加自定义功能按钮