OpenLayers
关注
分享
扫一扫
文章平均质量分 71
lovewhoilove
这个作者很懒，什么都没留下…
展开
-
0-OpenLayers快速入门
1 概述1借助Openlayers，我们可以很容易地在任何网页中展示动态地图，并且可以展示任何来源加载的地图瓦片、矢量数据和标记。随着OpenLayers的发展，我们可以更进一步地利用各种地理信息。OpenLayers是完全免费的开源JavaScript。OpenLayers功能特性如下：展示瓦片图层：它可以展示从OSM、Bing、MapBox、Stamen和你能找到的任何其他XYZ来源的瓦片地图。还支持OGC映射服务和无标题图层。渲染矢量图层：它可以渲染来自GeoJSON, TopoJSON,翻译 2021-09-23 15:51:38 · 236 阅读 · 0 评论 -
1-借助Node搭建OpenLayers开发环境
1 安装node软件下载地址：https://nodejs.org/en/，安装时按默认设置安装即可，也可自行查找安装教程，这里不再赘述。2 搭建开发环境首先创建一个空的文件夹，文件夹名称例如ol-demo，打开cmd或powershell（推荐使用应用商店的Windows Terminal工具），输入如下命令。mkdir ol-demo进入该文件夹:cd ol-demo安装ol包，并自动创建一个带有附加依赖库的开发环境，包括index.html和main.js，默认地，Par原创 2021-09-23 17:05:18 · 1830 阅读 · 3 评论 -
2-OpenLayers基础
MapOpenLayers的核心组件是Map(ol/Map)，它会被呈现到目标容器中(例如，包含地图的网页上的div元素)。所有的map属性都可以在构造时配置，或者使用setter方法，例如setTarget()。ViewView(ol/View)负责地图的中心、缩放级别和投影等。View是有投影的，投影决定了地图的坐标系统和地图单位。若没有指定，默认投影为Spherical Mercator (EPSG:3857)，地图单位为米。缩放选项可以指定地图分辨率。可用的缩放级别是由maxZoom(默认值翻译 2021-09-23 18:08:24 · 317 阅读 · 0 评论 -
3-Openlayers加载GeoServer发布的WMS服务
首先根据1-借助Node搭建OpenLayers开发环境来搭建一个项目。1 加载图层组新建一个index.html，代码如下：<!DOCTYPE html><html lang="zh"> <head> <meta charset="utf-8"> <title>Using OpenLayers with Parcel</title> <style> @import "no原创 2021-10-08 16:40:31 · 1231 阅读 · 0 评论