OpenLayers初体验0x1：使用Node创建OpenLayers应用

最新推荐文章于 2024-05-11 15:47:37 发布

cellinlab

最新推荐文章于 2024-05-11 15:47:37 发布

阅读量1.8k

点赞数

分类专栏： JavaScript NodeJS WebGIS OpenLayers 在Vue中使用OpenLayers 文章标签： parcel-bundler Node Webgis OpenLayers Parcel

本文链接：https://blog.csdn.net/funkstill/article/details/86662264

版权

项目初始化

mkdir new-project
cd new-project

npm init

npm install ol
npm install --save-dev parcel-bundler

JS和HTML

//index.js
import 'ol/ol.css';
import {Map ,View} from 'ol';
import TileLayer from 'ol/layer/Tile';
import OSM from 'ol/source/OSM';

const map = new Map({
    target:'map',
    layers:[
        new TileLayer({
            source:new OSM()
        })
    ],
    view:new View({
        center:[0,0],
        zoom:0
    })
});

<!--index.html-->
<!DOCTYPE html>
<html&g

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

cellinlab

关注关注

0
点赞
踩
5

收藏

觉得还不错? 一键收藏
3
评论
OpenLayers初体验0x1：使用Node创建OpenLayers应用

项目初始化mkdir new-projectcd new-projectnpm initnpm install olnpm install --save-dev parcel-bundlerJS和HTML//index.jsimport 'ol/ol.css';import {Map ,View} from 'ol';import TileLayer from...
复制链接

扫一扫