51CTO博客>热门标签>openlayers

openlayers

全部文章近期文章热门文章标签简介

【openlayers】内容共 163 条

转载 openlayers 线上库

https://openlayers.org/en/v5.3.0/css/ol.csshttps://openlayers.org/en/v5.3.0/build/ol.js

openlayers

阅读 91 评论 0 点赞 0

lMovIKE 316 天前
原创 openlayers moveend getEventCoordinate

<!DOCTYPE html><html> <head> <title>Moveend Event</title> <link rel="stylesheet" href="https://openlayers.org/en/v4.0.1/css/ol.css" type="text/css"> ...

css

html

android

阅读 437 评论 0 点赞 0

皮尔兄弟 232 天前
原创 openlayers和leaflet

openlayers和leaflet：现在看，是前端地图开源库的唯二选择，两个都是将切片或者空间数据在浏览器中可视化，并提供与之交互的能力。 openlayers和leaflet有些许区别leaflet专注小而美，只提供基本的地图调用和交...

空间数据

html

阅读 284 评论 0 点赞 0

皮尔兄弟 252 天前
原创 OpenLayers入门（二）

公众号：理想青年实验室前言好久不见，距离OpenLayers入门第一篇已经过了很久，为什么迟迟没有后续呢，主要有两个原因，一是因为近期项目里使用地图的部分比较少，二是因为很多时候即使功能做出来了，但是还是...

JavaScript

图层

阴影效果

矢量图层

中文教程

阅读 79 评论 0 点赞 0

街角小林 261 天前
原创 OpenLayers入门（一）

OpenLayers简介 OpenLayers（openlayers.org/）是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求。有如下特点：支持任何XYZ瓦片资源，同时也支持OGC的WMTS规...

JavaScript

ico

缩放

实例化

数据

阅读 76 评论 0 点赞 0

街角小林 261 天前
转载 OpenLayers加载地图

<! DOCTYPE html >< html lang = "en" >< head > < meta charset = "UTF-8" > < ...

OpenLayers

阅读 104 评论 2 点赞 0

mb601cf63968af8 446 天前
原创 OpenLayers基础：概述荐

介绍 OpenLayers是开源地理空间基金会OSGeo下的一个项目，免费且开源的js库，支持OGC的标准和规范，如WMS、WFS等，开发者可以在其官网（http://www.openlayers.org/）上下载到最新的开发包（时下最新版本为v2.10）...

职场

休闲

openlayers

webgis

阅读 1495 评论 4 点赞 2

彭金华 3953 天前
转载 OpenLayers API整理

本文主要为整理的Openlayers 的知识笔记，随着运用不断加深理解，也会不断更新。一、创建地图地图Map创建地图底图：需要用new ol.Map({}) 地图map是由图层layers、一个可视化视图view、用于修改地图内容的交互inter...

图层

缩放

控件

阅读 45 评论 0 点赞 0

mb61cac9c148376 128 天前
转载 OpenLayers要素拖拽

//拖拽要素 function dragFeature (_map,_dragEndCallback) { let selFeature = null; _map.on("pointerdrag", function (evt) { ...

OpenLayers

阅读 506 评论 2 点赞 0

mob604756f33d49 367 天前
转载 OpenLayers Node环境安装运行构建-支持Vue集成OpenLayers

NodeJS 环境安装包下载：https://nodejs.org/zh-cn/download/安装vue-cli3.0.1: https://cli.vuejs.org/guide/installation.htmlVue + Openlayers学习：https://www.jianshu.com/p/fd399ad4b7d...

html

github

开发模式

d3

百度云

阅读 57 评论 2 点赞 0

mob604757027d04 239 天前
原创 openlayers 构造 feature 数组

var point1 = new OpenLayers.Geometry.Point(106,29.15); var myObj = { 'deviceId': 101, &n...

职场

address

休闲

106

阅读 835 评论 0 点赞 0

hexidlee 3785 天前
原创 OpenLayers基础：多方底图荐

时下的OpenLayers版本为v2.10，不仅可以支持OGC的标准服务如WMS、WFS等，还支持其它地图服务商如GoogleMaps，VirtualEarth，YahooMaps等，如下为OpenLayers v2.10中进行的多底图示例代码： <html> <he...

google

休闲

openlayers

virtualearth

yahoomaps

阅读 1371 评论 5 点赞 2

彭金华 3950 天前
转载 OpenLayers地图控件controls

1) fullscreen全屏控件写法一： import { FullScreen } from "ol/control"; this.map.addControl(new FullScreen()); 写法二： import { defaults as defaultControls, FullScreen } from "o...

控件

ide

缩放

地图投影

未定义

阅读 151 评论 0 点赞 0

mb5ffd6f777f4e8 295 天前
转载 OpenLayers地图控件controls

1) fullscreen全屏控件写法一： import { FullScreen } from "ol/control"; this.map.addControl(new FullScreen()); 写法二： import { defaults as defaultControls, FullScreen } from "o...

控件

ide

缩放

地图投影

未定义

阅读 52 评论 0 点赞 0

mb5ffd6f777f4e8 295 天前
转载 openlayers 初步认识（转）

OpenLayers是一个开源的js框架，用于在您的浏览器中实现地图浏览的效果和基本的zoom，pan等功能。OpenLayers支持的地图来源包括了WMS，GoogleMap，KaMap，MSVirtualEarth等等，您也可以用简单的图片作为源，在这一...

图层

封装

子类

ajax

根目录

阅读 26 评论 0 点赞 0

mb5ff2f19eb6087 1848 天前
原创 OpenLayers 画圆画椭圆

var draw; // global so we can remove it laterfunction addInteraction() { var value = typeSelect.value; if (value !== 'None') { draw = new Draw({ source: source, type: 'Circle' }); ...

javascript

OpenLayers

画矩形

第三方库

阅读 31 评论 0 点赞 0

mb61cac9c148376 134 天前
转载 Openlayers中layer介绍

1.base layers & overlay layers base layer:最底层的layer，其它的图层是在他之上，最先增加的图层默认作为base layer. overlay layer:不是base layer的layer就是overlay layer 2.使用layer的步骤：创建...

图层

html

javascript

控件

string类

阅读 40 评论 2 点赞 0

mb5fe190f8e35a0 1843 天前
原创 OpenLayers设置显示文本

var nonTextStyle = new ol.style.Style({ //把点的样式换成ICON图标 fill: new ol.style.Fill({ //填充颜色 color...

OpenLayers

文本

ico

边界宽度

string类

阅读 56 评论 0 点赞 0

mb61cac9c148376 126 天前
转载 OpenLayers 6 学习笔记

基于openlayers 6.xapi不太好查，就基于腾讯课堂老胡的课做记录。openlayers与arcgis jsapi最大的不同，喜欢用setXXX/getXXX这种非常具有“java/C++”风格的封装方法来封装对象的属性，arcgis jsapi喜欢用类似于C#.N...

OpenLayers

阅读 121 评论 2 点赞 0

mob604756f33d49 864 天前
原创 OpenLayers Layer删除Feature

var copyLayer = VectorLayer[i];copyLayer.getSource().removeFeature(feature);map.removeLayer(VectorLayer[i]);delete (VectorLayer[i]);VectorLayer[i] = copyLayer;map.addLayer(VectorLayer[i]);map.updateSi...

OpenLayers

Feature

阅读 455 评论 0 点赞 0

mb61cac9c148376 128 天前