OpenLayers
文章平均质量分 75
AlpsTimo
q654671523
展开
-
Openlayers记录(七)利用ol3进行缓冲区的空间相交分析
Openlayers记录(七)利用ol3进行缓冲区的空间相交分析1效果实现代码首先需要添加引用文件jsts.js,坐标问题阴影proj4.js://空间分析var proj = new ol.proj.Projection({ code: 'EPSG:4326', extent: [113.36672963700005, 23.125302196000064, 113.36790226200003, 23.12607775300006], units: 'degree原创 2020-07-26 19:41:57 · 1322 阅读 · 0 评论 -
OpenLayers记录(六)模糊查询数据,列表显示并点击定位
OpenLayers记录(六)模糊查询数据,列表显示并点击定位1实现效果2实现代码/**************模糊查询**************///监听回车事件function onKey(e) { var eve = e || window.event; if (eve.keyCode == 13) { // layer.msg('监听成功'); fuzzySearch() }};//查询功能function fuzzy原创 2020-07-26 19:30:10 · 927 阅读 · 0 评论 -
Open layer记录(五)矢量样式编辑器
Open layer记录(五)矢量样式编辑器1样式面板2修改样式面板修改包括填充样式、边界样式,自定义颜色面板(需要用到一个js插件)3实现代码3.1 html代码 <div id="aboutContainer"> <div id="aboutTitle">矢量图层样式<span id="closeBtn" onclick="hideAbout()">X</span></div>原创 2020-07-16 16:46:42 · 216 阅读 · 0 评论 -
Openlayers记录(四)同一图层设置不同的点符号(大小、颜色等)。
Openlayers记录(四)同一图层设置不同的点符号(大小、颜色等),弹窗显示。1.实现效果1.1点符号设置1.2弹窗效果2.实现的符号设置代码 /*****************标记部分****************************/ var features1 = []; for (var i = 0; i < dataSource.items.length; i++) { var coordinate = [lat[i], lon[i原创 2020-07-13 09:48:47 · 2889 阅读 · 0 评论 -
Openlayers记录(三)iClient for ol 实现聚合标签专题图。
Openlayers记录(三)iClient for ol 实现聚合标签专题图。先看效果点击某个标签的时候,弹出具体信息同时具有图例级别实现代码/*****标签专题图********/var themeSource, themeData;var myDate = new Date();function LabelThemeLayer() { $('#labelTh...原创 2020-02-07 22:02:48 · 539 阅读 · 0 评论 -
Openlayers记录(二)热力图heatmap。
Openlayers记录(二)热力图。先来效果可以调节热力图的半径大小跟模糊度代码实现//热力图function heatmap() { layui.use('slider', function() { var slider = layui.slider; //渲染 slider.render({ el...原创 2020-02-07 21:45:36 · 2938 阅读 · 2 评论 -
Openlayers记录(一)实现聚合标记,点击弹出信息。
Openlayers记录(一)实现聚合标记,点击弹出信息。效果展示点击聚合的标记点击非聚合标记实现代码如何改变文本的样式插入链接与图片如何插入一段漂亮的代码片生成一个适合你的列表创建一个表格设定内容居中、居左、居右SmartyPants创建一个自定义列表如何创建一个注脚注释也是必不可少的KaTeX数学公式新的甘特图功能,丰富你的文章UML 图表FLowchart流程图导出与导入导出导入效果展示...原创 2020-02-07 21:29:13 · 5194 阅读 · 2 评论