网站首页 > 知识剖析 正文
MapJS是一个免费的GIS地图文件在线查看工具,在浏览器里即可直接打开本地的Shapfile、GeoJSON、TopoJSON、KML等文件进行查看。
推荐:用 NSDT设计器 快速搭建可编程3D场景。
MapJS在线访问地址:MShapefile在线查看工具 。
1、MapJS快速上手
在浏览器中打开MapJS官网后,直接拖拽本地Shapefile或GeoJSON到网页中即可,可以同时拖拽多个文件(例如buildings.shp、buildings.prj、buildings.dbf等):
MapJS在浏览器内直接解码,渲染结果如下:
2、查看图层信息
点击顶部工具栏中间的图层按钮,可以查看图层信息,例如下图显示buildings图层中包含1571个多边形:
3、查看特征的属性
在右侧工具栏选择【查看特征】工具进入特征属性查看模式:
使用鼠标点击地理特征,即可在左上角查看其属性,例如下图中红色选中多边形:
4、框选操作
在右侧工具栏中选择【框选工具】进入框选操作模式:
按住shift键,然后点击鼠标左键进行拖动,即可进行拉框选择:
可以对框选区域进行选择、剪切、擦除等操作,例如
5、导出为其他GIS格式
MapJS支持将打开的GIS数据保存为其他格式。
点击顶部工具栏中的【导出】按钮,在弹出的对话框中选择导出格式:
目前支持的导出格式包括:Shapefile、GeoJSON、TopoJSON、KML等。
官方网址:http://www.bimant.com/blog/mapjs-view-shapefile-online/
猜你喜欢
- 2024-11-14 vue.js正确使用百度地图的方案 vue百度地图自定义控件
- 2024-11-14 七爪源码:如何在 JavaScript 中将 JSON 转换为地图
- 2024-11-14 在地图上创建热力图的方法 怎么用热力图选址
- 2024-11-14 快速了解 ES6 的Map与WeakMap es6 map使用场景
- 2024-11-14 Vue3 + TS + Leafletjs 打造企业级原神大地图
- 2024-11-14 好东西一起用,Cesium.js真是让3D地图尖叫的神奇框架!
- 2024-11-14 为 Next.js 项目创建站点地图文件
- 2024-11-14 JavaScript 轻松获取 Map 中的某个 key
- 2024-11-14 何时使用 Map 来代替普通的 JS 对象
- 2024-11-14 看了几十篇论文实现了个专业算法,用threejs做了个人员定位系统
- 最近发表
- 标签列表
-
- xml (46)
- css animation (57)
- array_slice (60)
- htmlspecialchars (54)
- position: absolute (54)
- datediff函数 (47)
- array_pop (49)
- jsmap (52)
- toggleclass (43)
- console.time (63)
- .sql (41)
- ahref (40)
- js json.parse (59)
- html复选框 (60)
- css 透明 (44)
- css 颜色 (47)
- php replace (41)
- css nth-child (48)
- min-height (40)
- xml schema (44)
- css 最后一个元素 (46)
- location.origin (44)
- table border (49)
- html tr (40)
- video controls (49)