# ol-study

**Repository Path**: dremtri/ol-study

## Basic Information

- **Project Name**: ol-study
- **Description**: 学习openlayer
- **Primary Language**: Unknown
- **License**: BSD-2-Clause
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-08-12
- **Last Updated**: 2021-09-29

## Categories & Tags

**Categories**: Uncategorized

**Tags**: parcel, openlayer

## README

# ol-study

#### 介绍
学习openlayer
openlayer v6.6.1 官网案例详解

**如果大家看的时候有疑惑,或者本人注释有误, 请修正**

#### 软件架构
使用parcel: 2.0.0-rc.0构建

#### 安装教程
1. 安装依赖
  * yarn install
2. 运行开发环境
  * yarn start
3. 打包生产环境
  * yarn build

#### 使用说明
* 目前没有规整, 运行后如果想要访问某个页面可以通过目录访问: eg: accessiblemap.html; 访问url为: http://localhost:1234/accessiblemap/accessiblemap.html

#### 知识点
* openlayer 的默认坐标系是**EPSG:3857**
* WEB GIS中常用的坐标系一般有两种，一种是**以经纬度表示的WGS84坐标系(EPSG:4326)**，另一种为主流WEB地图厂商使用的**WEB墨卡托投影(EPSG:3857)**; 参考链接[GIS中的WGS84地理坐标系和墨卡托投影坐标系](https://blog.csdn.net/qq_32202099/article/details/113185220)


#### todo
* 将离散的页面整理为一个网站, 提升访问性
* 初始化Feature时传递style自定义style的icon时不展示, 使用Feature.setStyle()方法时可以；暂时不知道为啥...