tmp.initPoint = function (items) {//初始化所有农户点坐标,聚合var count = items.length;var features = new Array(count);for (var i = 0; i < items.length; i++) {var item = items[i];var feature = new Feature({geometry: new Point([item.x, item.y])});features[i] = feature;}var source = new VectorSource({features: features});var clusterSource = new Cluster({distance: 200,source: source,geometryFunction: function (evt) {return evt.getGeometry();}});var styleCache = {};var clusters = new VectorLayer({source: clusterSource,style: function (feature) {var size = feature.get('features').length;var style = styleCache[size];if (!style) {style = new Style({image: new CircleStyle({radius: 15,stroke: new Stroke({color: '#fff'}),fill: new Fill({color: '#ff0000'})}),text: new Text({text: size.toString(),fill: new Fill({color: '#fff'})})});styleCache[size] = style;}return style;}});return clusters;}

//初始化地图
tmp.initMap = function (items) {//自定义瓦片地图var baseMapLayer = new TileLayer({source: new ol.source.XYZ({url: '/maps/{z}/{x}/{y}.png',attributions: "XX公司"})});//高德地图var gaodeMapLayer = new TileLayer({source: new ol.source.XYZ({url: 'http://wprd0{1-4}.is.autonavi.com/appmaptile?lang=zh_cn&size=1&style=7&x={x}&y={y}&z={z}'})});var vectorArea = new VectorLayer({source: new VectorSource({url: '/data/kml/ChinaArea.kml',format: new KML()})});var clusters = tmp.initPoint(items);tmp.map = new Map({layers: [gaodeMapLayer, clusters, vectorArea],target: 'map',controls: ol.control.defaults().extend([new ol.control.FullScreen(),new ol.control.MousePosition(),new ol.control.ScaleLine(),new ol.control.ZoomSlider(),new ol.control.Attribution(),new ol.control.Rotate()]),view: new View({projection: 'EPSG:4326',zoom: 10,maxZoom: mapMaxZoom,minZoom: mapMinZoom,center: tmp.CenterPoint})});//事件:抓tmp.map.on('pointerdrag', function (evt) {var t = tmp.map.getView();});//事件:地图移动结束tmp.map.on('moveend', function (evt) {//console.log(evt.frameState.extent);
});};

转载于:https://www.cnblogs.com/YrRoom/p/9366214.html

openlayers5学习笔记-001相关推荐

  1. DataCamp的intermediate python学习笔记(001)

    DataCamp DataScientist系列之intermediate python的学习笔记(001) 个人感悟:接触python是从2017年1月开始的,中间的学习之路也是断断续续的,学了忘, ...

  2. MATLAB学习笔记#001 获取矩阵大小

    MATLAB学习笔记#001 获取矩阵大小 size 函数 语法 说明 示例 参考链接 size 函数 语法 [sz1,...,szN] = size(___) 说明 返回矩阵各个维度的长度 示例 [ ...

  3. PYTHON 100days学习笔记001:初识python

    现在学习这个确实时间很紧,但是迟早得学,以后PYTHON自动化运维,PYTHON自动测试都需要用的到,甚至可以往数据分析方向发展,刚好最近有数据观组织的python100天计划,就参加了,做好笔记,一 ...

  4. 人工智能必备数学知识· 学习笔记 ·001【线性回归,最小二乘法梯度下降法】

    注:笔记 来自课程 人工智能必备数学知识 Tips①:只是记录从这个课程学到的东西,不是推广.没有安利 Tips②:本笔记主要目的是为了方便自己遗忘查阅,或过于冗长.或有所缺省.或杂乱无章,见谅 Ti ...

  5. 《Linux编程》学习笔记 ·001【基本操作、常用命令】

    注:前言.目录见 https://blog.csdn.net/qq_44220418/article/details/108428971 文章目录 一.基本操作 1.查看目录/文件 2.路径跳转 (1 ...

  6. 前端学习笔记001:HTML5

    HELLO,作为一个只学过一点点 Java 和 Python 的程序小白,为了写出自己的网站,我又一次被自己逼进了前端行业(所以 no zuo no die) 为了方便大(zi)家(ji)学习,整理了 ...

  7. 【图像融合学习笔记001】图像融合论文及代码网址整理总结(1)——多聚焦图像融合

    写在前面的话: 本篇博文主要整理汇总一下现有的多聚焦图像融合算法(文章和代码).适当地,也会整理出相关作者的学术主页.整理这些的初衷,是为了方便自己,顺便也给同领域的研究者在找代码等方面提供些许便利. ...

  8. 《计算机网络》学习笔记 ·001【概述】

    注:前言.目录见 https://blog.csdn.net/qq_44220418/article/details/108428971 文章目录 一.计算机网络在信息时代中的作用 1."三 ...

  9. 【手把手带你入门深度学习之150行代码的汉字识别系统】学习笔记 ·001 用OpenCV制作数据集

    立即学习:https://edu.csdn.net/course/play/24719/279505?utm_source=blogtoedu 目录 一.制作数据集代码 二.思路总结 1.数据集目录的 ...

最新文章

  1. 位操作-按位与之如何求二进制数的1个数
  2. 【综述】MV3D-Net、AVOD-Net 用于自动驾驶的多视图3D目标检测网络
  3. The writeAsCsv() method can only be used on data sets of tuples.
  4. React with Webpack - 2: css 处理
  5. 在微信浏览器字体被调大导致页面错乱的解决办法
  6. 一些常用的linux命令(2)
  7. morphological antialiasing
  8. java中excelAPI的简介
  9. 追赶法matlab算法,追赶法matlab程序
  10. 专为Oracle数据库恢复而生 - PRM
  11. 工业软件下载大全202108
  12. 中国“脑计划”研究正在悄然布局
  13. homeassistant 快速入门
  14. 使用TensorFlow搭建智能开发系统,自动生成App UI代码
  15. APPNP:PREDICT THEN PROPAGATE: GRAPH NEURAL NETWORKS MEET PERSONALIZED PAGERANK
  16. QQmm无处藏 2.1
  17. python画小动物_三分钟识别所有小动物!
  18. obiee12c ssl 启动服务报错BEA-149535BEA-149504
  19. 雪晴数据网 - 在线学习数据科学技术
  20. 水务新、老营收系统大PK

热门文章

  1. x264编码指南——码率控制
  2. abaqus dat文件 matlab_基于MPCCI的FLUENT与ABAQUS流固耦合分析步骤
  3. python findall函数_Python正则表达式
  4. jq中get()和eq()的区别
  5. it男java_java-学习8
  6. 搜索,贪心,DP,三者的区别和联系
  7. 2019百度之星程序设计大赛 1005 Seq
  8. c语言open不同的编码格式,C语言中open与fopen的区别
  9. [leetcode]5179. 将二叉搜索树变平衡
  10. 上下文无关问法cfg