You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
lion 7b9aeb1016
地图 扣分选择
3 years ago
..
control 地图 点位签到 3 years ago
dist 地图 点位签到 3 years ago
events 地图 点位签到 3 years ago
extent 地图 点位签到 3 years ago
format 地图 点位签到 3 years ago
geom 地图 点位签到 3 years ago
interaction 地图 点位签到 3 years ago
layer 地图 点位签到 3 years ago
pointer 地图 点位签到 3 years ago
proj 地图 点位签到 3 years ago
render 地图 点位签到 3 years ago
renderer 地图 点位签到 3 years ago
reproj 地图 点位签到 3 years ago
source 地图 点位签到 3 years ago
structs 地图 点位签到 3 years ago
style 地图 点位签到 3 years ago
tilegrid 地图 点位签到 3 years ago
vec 地图 点位签到 3 years ago
webgl 地图 点位签到 3 years ago
worker 地图 点位签到 3 years ago
AssertionError.d.ts 地图 点位签到 3 years ago
AssertionError.d.ts.map 地图 点位签到 3 years ago
AssertionError.js 地图 点位签到 3 years ago
Collection.d.ts 地图 点位签到 3 years ago
Collection.d.ts.map 地图 点位签到 3 years ago
Collection.js 地图 点位签到 3 years ago
CollectionEventType.d.ts 地图 点位签到 3 years ago
CollectionEventType.d.ts.map 地图 点位签到 3 years ago
CollectionEventType.js 地图 点位签到 3 years ago
DataTile.d.ts 地图 点位签到 3 years ago
DataTile.d.ts.map 地图 点位签到 3 years ago
DataTile.js 地图 点位签到 3 years ago
Disposable.d.ts 地图 点位签到 3 years ago
Disposable.d.ts.map 地图 点位签到 3 years ago
Disposable.js 地图 点位签到 3 years ago
Feature.d.ts 地图 点位签到 3 years ago
Feature.d.ts.map 地图 点位签到 3 years ago
Feature.js 地图 点位签到 3 years ago
Geolocation.d.ts 地图 点位签到 3 years ago
Geolocation.d.ts.map 地图 点位签到 3 years ago
Geolocation.js 地图 点位签到 3 years ago
Image.d.ts 地图 点位签到 3 years ago
Image.d.ts.map 地图 点位签到 3 years ago
Image.js 地图 点位签到 3 years ago
ImageBase.d.ts 地图 点位签到 3 years ago
ImageBase.d.ts.map 地图 点位签到 3 years ago
ImageBase.js 地图 点位签到 3 years ago
ImageCanvas.d.ts 地图 点位签到 3 years ago
ImageCanvas.d.ts.map 地图 点位签到 3 years ago
ImageCanvas.js 地图 点位签到 3 years ago
ImageState.d.ts 地图 点位签到 3 years ago
ImageState.d.ts.map 地图 点位签到 3 years ago
ImageState.js 地图 点位签到 3 years ago
ImageTile.d.ts 地图 点位签到 3 years ago
ImageTile.d.ts.map 地图 点位签到 3 years ago
ImageTile.js 地图 点位签到 3 years ago
Kinetic.d.ts 地图 点位签到 3 years ago
Kinetic.d.ts.map 地图 点位签到 3 years ago
Kinetic.js 地图 点位签到 3 years ago
LICENSE.md 地图 点位签到 3 years ago
Map.d.ts 地图 点位签到 3 years ago
Map.d.ts.map 地图 点位签到 3 years ago
Map.js 地图 点位签到 3 years ago
MapBrowserEvent.d.ts 地图 点位签到 3 years ago
MapBrowserEvent.d.ts.map 地图 点位签到 3 years ago
MapBrowserEvent.js 地图 点位签到 3 years ago
MapBrowserEventHandler.d.ts 地图 点位签到 3 years ago
MapBrowserEventHandler.d.ts.map 地图 点位签到 3 years ago
MapBrowserEventHandler.js 地图 点位签到 3 years ago
MapBrowserEventType.d.ts 地图 点位签到 3 years ago
MapBrowserEventType.d.ts.map 地图 点位签到 3 years ago
MapBrowserEventType.js 地图 点位签到 3 years ago
MapEvent.d.ts 地图 点位签到 3 years ago
MapEvent.d.ts.map 地图 点位签到 3 years ago
MapEvent.js 地图 点位签到 3 years ago
MapEventType.d.ts 地图 点位签到 3 years ago
MapEventType.d.ts.map 地图 点位签到 3 years ago
MapEventType.js 地图 点位签到 3 years ago
MapProperty.d.ts 地图 点位签到 3 years ago
MapProperty.d.ts.map 地图 点位签到 3 years ago
MapProperty.js 地图 点位签到 3 years ago
Object.d.ts 地图 点位签到 3 years ago
Object.d.ts.map 地图 点位签到 3 years ago
Object.js 地图 点位签到 3 years ago
ObjectEventType.d.ts 地图 点位签到 3 years ago
ObjectEventType.d.ts.map 地图 点位签到 3 years ago
ObjectEventType.js 地图 点位签到 3 years ago
Observable.d.ts 地图 点位签到 3 years ago
Observable.d.ts.map 地图 点位签到 3 years ago
Observable.js 地图 点位签到 3 years ago
Overlay.d.ts 地图 点位签到 3 years ago
Overlay.d.ts.map 地图 点位签到 3 years ago
Overlay.js 地图 点位签到 3 years ago
README.md 地图 点位签到 3 years ago
Tile.d.ts 地图 点位签到 3 years ago
Tile.d.ts.map 地图 点位签到 3 years ago
Tile.js 地图 点位签到 3 years ago
TileCache.d.ts 地图 点位签到 3 years ago
TileCache.d.ts.map 地图 点位签到 3 years ago
TileCache.js 地图 点位签到 3 years ago
TileQueue.d.ts 地图 点位签到 3 years ago
TileQueue.d.ts.map 地图 点位签到 3 years ago
TileQueue.js 地图 点位签到 3 years ago
TileRange.d.ts 地图 点位签到 3 years ago
TileRange.d.ts.map 地图 点位签到 3 years ago
TileRange.js 地图 点位签到 3 years ago
TileState.d.ts 地图 点位签到 3 years ago
TileState.d.ts.map 地图 点位签到 3 years ago
TileState.js 地图 点位签到 3 years ago
VectorRenderTile.d.ts 地图 点位签到 3 years ago
VectorRenderTile.d.ts.map 地图 点位签到 3 years ago
VectorRenderTile.js 地图 点位签到 3 years ago
VectorTile.d.ts 地图 点位签到 3 years ago
VectorTile.d.ts.map 地图 点位签到 3 years ago
VectorTile.js 地图 点位签到 3 years ago
View.d.ts 地图 点位签到 3 years ago
View.d.ts.map 地图 点位签到 3 years ago
View.js 地图 点位签到 3 years ago
ViewHint.d.ts 地图 点位签到 3 years ago
ViewHint.d.ts.map 地图 点位签到 3 years ago
ViewHint.js 地图 点位签到 3 years ago
ViewProperty.d.ts 地图 点位签到 3 years ago
ViewProperty.d.ts.map 地图 点位签到 3 years ago
ViewProperty.js 地图 点位签到 3 years ago
array.d.ts 地图 点位签到 3 years ago
array.d.ts.map 地图 点位签到 3 years ago
array.js 地图 点位签到 3 years ago
asserts.d.ts 地图 点位签到 3 years ago
asserts.d.ts.map 地图 点位签到 3 years ago
asserts.js 地图 点位签到 3 years ago
centerconstraint.d.ts 地图 点位签到 3 years ago
centerconstraint.d.ts.map 地图 点位签到 3 years ago
centerconstraint.js 地图 点位签到 3 years ago
color.d.ts 地图 点位签到 3 years ago
color.d.ts.map 地图 点位签到 3 years ago
color.js 地图 点位签到 3 years ago
colorlike.d.ts 地图 点位签到 3 years ago
colorlike.d.ts.map 地图 点位签到 3 years ago
colorlike.js 地图 点位签到 3 years ago
control.d.ts 地图 点位签到 3 years ago
control.d.ts.map 地图 点位签到 3 years ago
control.js 地图 点位签到 3 years ago
coordinate.d.ts 地图 点位签到 3 years ago
coordinate.d.ts.map 地图 点位签到 3 years ago
coordinate.js 地图 点位签到 3 years ago
css.d.ts 地图 点位签到 3 years ago
css.d.ts.map 地图 点位签到 3 years ago
css.js 地图 点位签到 3 years ago
dom.d.ts 地图 点位签到 3 years ago
dom.d.ts.map 地图 点位签到 3 years ago
dom.js 地图 点位签到 3 years ago
easing.d.ts 地图 点位签到 3 years ago
easing.d.ts.map 地图 点位签到 3 years ago
easing.js 地图 点位签到 3 years ago
events.d.ts 地图 点位签到 3 years ago
events.d.ts.map 地图 点位签到 3 years ago
events.js 地图 点位签到 3 years ago
extent.d.ts 地图 点位签到 3 years ago
extent.d.ts.map 地图 点位签到 3 years ago
extent.js 地图 点位签到 3 years ago
featureloader.d.ts 地图 点位签到 3 years ago
featureloader.d.ts.map 地图 点位签到 3 years ago
featureloader.js 地图 点位签到 3 years ago
format.d.ts 地图 点位签到 3 years ago
format.d.ts.map 地图 点位签到 3 years ago
format.js 地图 点位签到 3 years ago
functions.d.ts 地图 点位签到 3 years ago
functions.d.ts.map 地图 点位签到 3 years ago
functions.js 地图 点位签到 3 years ago
geom.d.ts 地图 点位签到 3 years ago
geom.d.ts.map 地图 点位签到 3 years ago
geom.js 地图 点位签到 3 years ago
has.d.ts 地图 点位签到 3 years ago
has.d.ts.map 地图 点位签到 3 years ago
has.js 地图 点位签到 3 years ago
index.d.ts 地图 点位签到 3 years ago
index.d.ts.map 地图 点位签到 3 years ago
index.js 地图 点位签到 3 years ago
interaction.d.ts 地图 点位签到 3 years ago
interaction.d.ts.map 地图 点位签到 3 years ago
interaction.js 地图 点位签到 3 years ago
layer.d.ts 地图 点位签到 3 years ago
layer.d.ts.map 地图 点位签到 3 years ago
layer.js 地图 点位签到 3 years ago
loadingstrategy.d.ts 地图 点位签到 3 years ago
loadingstrategy.d.ts.map 地图 点位签到 3 years ago
loadingstrategy.js 地图 点位签到 3 years ago
math.d.ts 地图 点位签到 3 years ago
math.d.ts.map 地图 点位签到 3 years ago
math.js 地图 点位签到 3 years ago
net.d.ts 地图 点位签到 3 years ago
net.d.ts.map 地图 点位签到 3 years ago
net.js 地图 点位签到 3 years ago
obj.d.ts 地图 点位签到 3 years ago
obj.d.ts.map 地图 点位签到 3 years ago
obj.js 地图 点位签到 3 years ago
ol.css 地图 点位签到 3 years ago
package.json 地图 扣分选择 3 years ago
pixel.d.ts 地图 点位签到 3 years ago
pixel.d.ts.map 地图 点位签到 3 years ago
pixel.js 地图 点位签到 3 years ago
proj.d.ts 地图 点位签到 3 years ago
proj.d.ts.map 地图 点位签到 3 years ago
proj.js 地图 点位签到 3 years ago
render.d.ts 地图 点位签到 3 years ago
render.d.ts.map 地图 点位签到 3 years ago
render.js 地图 点位签到 3 years ago
reproj.d.ts 地图 点位签到 3 years ago
reproj.d.ts.map 地图 点位签到 3 years ago
reproj.js 地图 点位签到 3 years ago
resolutionconstraint.d.ts 地图 点位签到 3 years ago
resolutionconstraint.d.ts.map 地图 点位签到 3 years ago
resolutionconstraint.js 地图 点位签到 3 years ago
rotationconstraint.d.ts 地图 点位签到 3 years ago
rotationconstraint.d.ts.map 地图 点位签到 3 years ago
rotationconstraint.js 地图 点位签到 3 years ago
size.d.ts 地图 点位签到 3 years ago
size.d.ts.map 地图 点位签到 3 years ago
size.js 地图 点位签到 3 years ago
source.d.ts 地图 点位签到 3 years ago
source.d.ts.map 地图 点位签到 3 years ago
source.js 地图 点位签到 3 years ago
sphere.d.ts 地图 点位签到 3 years ago
sphere.d.ts.map 地图 点位签到 3 years ago
sphere.js 地图 点位签到 3 years ago
string.d.ts 地图 点位签到 3 years ago
string.d.ts.map 地图 点位签到 3 years ago
string.js 地图 点位签到 3 years ago
style.d.ts 地图 点位签到 3 years ago
style.d.ts.map 地图 点位签到 3 years ago
style.js 地图 点位签到 3 years ago
tilecoord.d.ts 地图 点位签到 3 years ago
tilecoord.d.ts.map 地图 点位签到 3 years ago
tilecoord.js 地图 点位签到 3 years ago
tilegrid.d.ts 地图 点位签到 3 years ago
tilegrid.d.ts.map 地图 点位签到 3 years ago
tilegrid.js 地图 点位签到 3 years ago
tileurlfunction.d.ts 地图 点位签到 3 years ago
tileurlfunction.d.ts.map 地图 点位签到 3 years ago
tileurlfunction.js 地图 点位签到 3 years ago
transform.d.ts 地图 点位签到 3 years ago
transform.d.ts.map 地图 点位签到 3 years ago
transform.js 地图 点位签到 3 years ago
uri.d.ts 地图 点位签到 3 years ago
uri.d.ts.map 地图 点位签到 3 years ago
uri.js 地图 点位签到 3 years ago
util.d.ts 地图 点位签到 3 years ago
util.d.ts.map 地图 点位签到 3 years ago
util.js 地图 点位签到 3 years ago
webgl.d.ts 地图 点位签到 3 years ago
webgl.d.ts.map 地图 点位签到 3 years ago
webgl.js 地图 点位签到 3 years ago
xml.d.ts 地图 点位签到 3 years ago
xml.d.ts.map 地图 点位签到 3 years ago
xml.js 地图 点位签到 3 years ago

README.md

OpenLayers

OpenLayers is a high-performance, feature-packed library for creating interactive maps on the web. It can display map tiles, vector data and markers loaded from any source on any web page. OpenLayers has been developed to further the use of geographic information of all kinds. It is completely free, Open Source JavaScript, released under the BSD 2-Clause License.

Getting Started

Install the ol package:

npm install ol

Import just what you need for your application:

import Map from 'ol/Map';
import View from 'ol/View';
import TileLayer from 'ol/layer/Tile';
import XYZ from 'ol/source/XYZ';

new Map({
  target: 'map',
  layers: [
    new TileLayer({
      source: new XYZ({
        url: 'https://tile.openstreetmap.org/{z}/{x}/{y}.png'
      })
    })
  ],
  view: new View({
    center: [0, 0],
    zoom: 2
  })
});

See the following examples for more detail on bundling OpenLayers with your application:

For more detail on quick prototyping without the use of a Node.js based setup, see the Skypack example.

Sponsors

OpenLayers appreciates contributions of all kinds. We especially want to thank our fiscal sponsors who contribute to ongoing project maintenance.


Pozi logo

Pozi helps connect communities through spatial thinking. We love Openlayers and it forms a core part of our platform. https://pozi.com/ https://app.pozi.com/


yey'maps logo

yey'maps is a scalable cloud GIS suite that is developed with the powerful Openlayers API and the GDAL library. https://www.yeymaps.io/


GeoSolutions logo

Your one-stop-shop for geospatial open source software. https://www.geosolutionsgroup.com/


ela-compil logo

We develop leading Physical Security Information Management (PSIM) software. OpenLayers is the core of our map engine and we love it! https://elacompil.recruitee.com/


See our GitHub sponsors page or Open Collective if you too are interested in becoming a regular sponsor.

TypeScript support

The ol package includes auto-generated TypeScript declarations as *.d.ts files.

Supported Browsers

OpenLayers runs on all modern browsers (with greater than 1% global usage). This includes Chrome, Firefox, Safari and Edge. For older browsers, polyfills will likely need to be added.

Documentation

Check out the hosted examples, the workshop or the API documentation.

Bugs

Please use the GitHub issue tracker for all bugs and feature requests. Before creating a new issue, do a quick search to see if the problem has been reported already.

Contributing

Please see our guide on contributing if you're interested in getting involved.

Community

Test Status