openlayers学习

news/2024/7/20 21:48:39 标签: vue.js, javascript, ios

在一家互联网企业工作,工作接近一年,总结一下对openlayers的学习,主要是在vue项目中对openlayers的使用,希望可以对大家有所帮助~~

openlayers的安装说起把~

npm install ol

openlayers在项目中的引入

引入是按需引入,根据你所需要的来引入就好了

import 'ol/ol.css'
import Map from 'ol/Map'
import View from 'ol/View'
import { WMTS, Vector as VectorSource } from 'ol/source'
import { Tile as TileLayer, Vector as VectorLayer } from 'ol/layer'
import { Circle as CircleStyle, Fill, Stroke, Icon, Text, Style } from 'ol/style';
import WMTSTileGrid from 'ol/tilegrid/WMTS'
import Feature from 'ol/Feature'
import { XYZ,ImageWMS,TileWMS, Vector as VectorSource,WMTS } from "ol/source";
import { Tile as TileLayer, Image as ImageLayer,Vector as VectorLayer } from "ol/layer";


http://www.niftyadmin.cn/n/1205616.html

相关文章

TP-Link开始在美国禁止安装开源路由器固件

美国联邦通信委员会(FCC)为了防止无线网络的干扰而限制修改路由器等有无线电接收模块的设备,此举引发了争议,因为这意味着禁止安装第三方固件,但FCC辩解说它本意不在此。然而,无论FCC本意如何,但…

ArcGIS api for javascript 的入门学习

1、安装依赖 npm install arcgis/core 2、按需引入(根据需要引入) import Map from "arcgis/core/Map"; import MapView from arcgis/core/views/MapView; import Basemap from arcgis/core/Basemap; import Extent from arcgis/core/geome…

Apache Kylin发布新版流处理引擎

Apache Kylin在 1.5.0 推出了从流数据进行准实时(Near Real Time)处理功能,可以直接从Apache Kafka的主题(Topic)中消费数据来构建Cube。Apache Kylin 1.5.0的流处理是一次实验性的探索,它打破了以往只能从…

cesiumlab v3.0.2—通用模型切片

1、在cesiumlab官网查看更新历史,即可下载不同版本的cesiumlab,下载安装完成后进行注册登录 Cesium实验室官网 登录界面 2、通用模型切片。选择需要处理的shape数据,加载后,后边有个设置 设置里面有个建筑高度,道路水…

cesium 点击单一tile轮廓高亮

单击or悬浮事件 const handler new Cesium.ScreenSpaceEventHandler(viewer.scene.canvas)const _this thishandler.setInputAction(function (movement) {// debuggervar pickedObject viewer.scene.pick(movement.position)_this._logPosition(movement.position, viewer…

东芝“解体重建”进行时:拟剥离国内核电业务

北京时间1月27日上午消息,据共同社报道,东芝考虑剥离国内核电业务,另立新公司对其进行重整,并打算将经营资源集中到开展海外业务的旗下美国核电子公司西屋电气(WH)手中,以在新兴市场国获得更多订单。 报道指出&#xf…

cesium BIM模型 根据scenetree.json分层加载

html (树) <div v-show"bimDataShow" class"bimStyle"><div class"bimStyle-title">图例</div><div class"bimStyle-tree"><el-tree:data"bimDataArr"show-checkboxnode-key"id"chec…

数学计算不精确的芯片能帮助解决难题

Singular Computing公司生产的芯片不能正确的执行数学运算。比如11会返回答案2.01或1.98。该芯片的研发得到了美国国防部高级研究计划署 (DARPA)的资助。公司CEO Joseph Bates说&#xff0c;硬件不怎么样不意味着软件结果也会如此。一个不能保证每次计算都精确的芯片在处理很多…