Supermap GIS地图知识点
时间:2022-07-25
本文章向大家介绍Supermap GIS地图知识点,主要内容包括其使用实例、应用技巧、基本知识点总结和需要注意事项,具有一定的参考价值,需要的朋友可以参考一下。
Supermap GIS地图知识点
Supermap
GIS地图的一个周边查询功能,我这个是一个简单版的。
周边查询就是在地图上随机点一个点,然后查询这个点的周边。我这里实现的是随机点一个点,然后你可以输入一个半径,就是你想搜索的范围有多大,输入的半径越大搜索的范围越大,搜索的范围会以一个圆的方式来搜索。
操作有以下几个步骤:
首先获取到你所填写的半径、
然后获取到你所选择的点的一个X轴坐标和Y轴坐标、
然后就是画出一个圆形,这是一个搜索的形式
下面这个是画圆的代码
注释:这个画圆的代码是网上找的资料,直接加以引用
function createCircle(origin,radius,sides,r,angel) {
//
queryByDistance(origin, radius);//热点渲染的最大半径radius,多边形的中心origin
var rR
= r * Math.PI / (180 * sides);//边数sidex
var
rotatedAngle, x, y;
var
points = [];
for
(var i = 0; i < sides; i++) {//用这个方法生成的圆是由内之外一个一个圆生成的
rotatedAngle = rR * i;
x =
origin.x + (radius * Math.cos(rotatedAngle));
y =
origin.y + (radius * Math.sin(rotatedAngle));
points.push(new SuperMap.Geometry.Point(x, y));
}
rotatedAngle = r * Math.PI / 180;
x =
origin.x + (radius * Math.cos(rotatedAngle));
y =
origin.y + (radius * Math.sin(rotatedAngle));
points.push(new SuperMap.Geometry.Point(x, y));
var
ring = new SuperMap.Geometry.LinearRing(points);
ring.rotate(parseFloat(angel), origin);
var geo
= new SuperMap.Geometry.Collection([ring]);//ring环状图
geo.origin = origin;//中心
geo.radius = radius;//边数
geo.r =
r;//半径
geo.angel = angel;//旋转角度
geo.sides = sides;//边数
geo.polygonType = "Curve";
console.log(geo);
return
geo;//返
}
然后就是给这个圆加上一点样式:
var circlep = createCircle(Point, BJid / 500000, 256,
360, 360);//createCircle画圆(这个画圆就是引用了上面的方法)
var circleVector = new
SuperMap.Feature.Vector(circlep);//获取计算后的值
这个就是给圆加上一些样式,这些样式的官网有更详细的介绍:
circleVector.style = {//给圆加颜色
strokeColor:"blue",//边框颜色
fillColor: "blue",//面颜色
strokeWidth: 2,//边框像素
fillOpacity:0.3//填充不透明度
}
vector.addFeatures(circleVector);
然后这个时候就可以查询以下这个圆范围内你所需要查询的内容,这个要看你自己要查什么了。
- 在.NET Core类库中使用EF Core迁移数据库到SQL Server
- 人类的未来:儿童都能驾驶的汽车
- 论循证新闻的方法与意义——一种媒体融合背景下新闻生产方式创新
- 域名资讯:域名jiuhuang.com已搭建成“韭黄答题助手”网站
- Servlet开篇
- 浅谈中国域名的名与利
- 加密货币的火爆,tokens.com域名已50万美元成交
- 家具平台谷居完成2000万元融资,启用长尾双拼域名
- 如果未来的 AI 拥有意识,你舍得不理它吗?
- 微信这家人脸智慧时尚店可以“刷脸”试衣、付款
- 北京允许无人驾驶路测 难道是为方便圣诞老人送礼?
- 小程序新增多项功能,优化100多个功能点,堪称重磅!
- 人工智能的回报率:对冲基金嵌入机器学习?
- “人工智能助力上海科创中心建设”国际高峰论坛圆满结束
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- Apache-Hive 使用MySQL存储Hive的元数据
- 使用TensorFlow创建能够图像重建的自编码器模型
- Qt音视频开发9-ffmpeg录像存储
- AntDesignPro使用electron构建桌面应用
- 跨域资源共享
- AndroidStdio1_3
- Rancher2.4.3 Rest API修改镜像地址
- Python UNIX系统管理指南
- 聊聊dubbo-go的ConsistentHashLoadBalance
- Tacotron2运行笔记
- 小米底包
- 新特性解读 | GROUPING() 函数用法解析
- 给我1万字,也讲Java不清内存排查。1万不行来2万~.~
- Typescript 设计模式之工厂方法
- vue中获取外网IP的方法