openlayer
关注
分享
扫一扫
L.傲骨雄风
争取做个出色的GISER!
展开
-
openlayers以及arcgis js 加载高德实时路况图层的方法；
1.openlayers加载高德实时路况图层的方法；<!DOCTYPE html><html><head> <title>Draw Shapes</title> <link rel="stylesheet" href="https://openlayers.org/en/v3.20.1/css/ol.css" type="text/css"> <style> #map {原创 2020-09-08 13:13:42 · 1937 阅读 · 3 评论 -
openlayers实现坐标转换（通过proj4js）
21.引用proj4js文件<script type="text/javascript" src="https://cdn.bootcss.com/proj4js/2.5.0/proj4.js"></script>2.定义投影坐标系统1)国家2000地理坐标系proj4.defs("EPSG:4490","+proj=longlat +ellps=GR...原创 2019-07-01 14:45:12 · 10124 阅读 · 0 评论 -
wms规范（转载）
https://blog.youkuaiyun.com/qq_35732147/article/details/81867017转载 2019-03-12 20:12:05 · 1541 阅读 · 0 评论 -
openlayers3地图导出pdf
1.A0,A1...A5大小尺寸单位是mm （1mm=25.4*英寸数） var dims = { a0: [1189, 841], a1: [841, 594], a2: [594, 420], a3: [420, 297], a4: [297, 210], a5: [210, 148] ...原创 2018-12-31 09:50:45 · 1184 阅读 · 0 评论 -
GCJ-02转WGS84
1.准备数据 (注意：经纬度格式是数值类型 数据-分列-常规),另存为xlsx格式2.打开excel2json软件转换，另存为json3.将json复制到arr变量下，执行坐标转换<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <原创 2018-11-28 16:15:52 · 18496 阅读 · 3 评论 -
openlayers 5.3.0实现标注事件点动画
<html lang="en"> <head> <meta charset="utf8"> <link rel="stylesheet" href="./css/ol.css" type="text/css"> <style>原创 2018-11-26 14:56:10 · 2089 阅读 · 0 评论 -
openlayers5.3.0实现根据选择的图形来统计图形总面积
<html lang="en"> <head> <meta charset="utf8"> <link rel="stylesheet" href="./css/ol.css" type="text/css"> <style>原创 2018-11-19 20:57:15 · 1158 阅读 · 0 评论 -
openlayers5.x封装绘制图形控件
一、编写drawtool模块/** * @module {ol/control/Drawtool} */import PluggableMap from '../PluggableMap.js';import Control from '../control/Control.js';import Draw from '../interaction/Draw.js';impor...原创 2018-11-05 23:38:35 · 1478 阅读 · 0 评论 -
openlayers5.x结合webpack4.x实现模块化引用
一、问题来源分析：openlayers5.x以来采用的是ES6（ECMAScript 6，注：ECMAScript 和 JavaScript 的关系是，前者是后者的规格，后者是前者的一种实现（另外的 ECMAScript 方言还有 Jscript 和 ActionScript 。详见：http://es6.ruanyifeng.com/#docs/intro）标准,里面有些新的语法如import、...原创 2018-11-04 17:00:36 · 2794 阅读 · 1 评论 -
openlayers3加载OSM、BingMaps、百度地图、天地图、wfs图层
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>加载图层控件（自定义）</title> <link rel="stylesheet" ty原创 2018-10-30 23:00:40 · 3856 阅读 · 2 评论 -
openlayers3自定义事件
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ol3 popup</title> <link rel="stylesheet" type="te原创 2018-10-30 16:46:12 · 1538 阅读 · 0 评论 -
openlayers3实现弹出框
<html xmlns="http://www.w3.org/1999/xhtml"><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ol3 popup</title> &l原创 2018-10-27 12:05:53 · 3476 阅读 · 0 评论 -
openlayer3实现定位
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ol3 popup</title> <link rel="stylesheet" type="te原创 2018-10-30 11:27:40 · 3166 阅读 · 0 评论 -
openlayers3实现要素在地图上点选、多选、框选等功能
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ol3 select</title> <link rel="stylesheet" type="t原创 2018-10-24 15:15:12 · 6282 阅读 · 7 评论 -
openlayers3加载wfs服务
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ol3 popup</title> <link rel="stylesheet" type="te原创 2018-10-29 16:34:28 · 2430 阅读 · 4 评论 -
openlayers3结合echarts3示例
<html><head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>Ol3 popup</title> <link rel="stylesheet" type="te原创 2018-10-28 12:51:34 · 1905 阅读 · 0 评论