# openlayers-web-map

**Repository Path**: laddish/openlayers-web-map

## Basic Information

- **Project Name**: openlayers-web-map
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: Not specified
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2021-09-06
- **Last Updated**: 2021-09-06

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

官网
OpenLayers - Welcome
https://openlayers.org/
简要介绍

免费开源
可以展示 光栅 矢量图 标记 等 图层



优势
成熟 社区成熟 被开源认可


版本
v6.6.1
OpenLayers - Get the Code
https://openlayers.org/download/

npm install ol
<script src="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.6.1/build/ol.js"></script>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/openlayers/openlayers.github.io@master/en/v6.6.1/css/ol.css">

渲染地图三要素
map对象需要三要素
View
Layer
TargetContainer 

View

Layer
TileLayer 瓦片

Target
带id的html元素

Layer
OpenStreetMap - OSM
https://www.openhistoricalmap.org/

Accueil - OpenStreetMap France
https://www.openstreetmap.fr/


maps.stamen.com
http://maps.stamen.com/#toner/12/37.7706/-122.3782

https://stamen-tiles.a.ssl.fastly.net/toner/{z}/{x}/{y}.png
https://stamen-tiles.a.ssl.fastly.net/terrain/{z}/{x}/{y}.jpg
https://stamen-tiles.a.ssl.fastly.net/watercolor/{z}/{x}/{y}.jpg

Open Source Maps and OpenStreetMap Tiles | Stamen
https://stamen.com/open-source/

GeoJSON-Vector
https://geojson.org/
geojson.io (需要翻墙)
https://geojson.io/#map=2/20.0/0.0


地图选择器
http://datav.aliyun.com/tools/atlas/index.html#&lat=30.332329214580188&lng=106.72278672066881&zoom=3.5


echarts使用之 geojson.io 自定义修改geojson地图文件
https://blog.csdn.net/wallace_yang/article/details/111059305

echarts map地图geojson/json格式的简单使用
https://blog.csdn.net/wallace_yang/article/details/111058917


Style

OpenLayers v6.6.1 API - Class: Style
https://openlayers.org/en/latest/apidoc/module-ol_style_Style-Style.html


Map
OpenLayers v6.6.1 API - Class: Map
https://openlayers.org/en/latest/apidoc/module-ol_Map-Map.html#forEachFeatureAtPixel


overlay
OpenLayers v6.6.1 API - Class: Overlay
https://openlayers.org/en/latest/apidoc/module-ol_Overlay-Overlay.html