OpenLayers
实际项目中ol的运用场景
小花花inhere
这个作者很懒,什么都没留下…
展开
-
【OpenLayers】 ol3热力图的实现 Heatmap
先来看下效果图,由于保密原因,不能将项目的效果图往上放,我就直接截了张官方示例的图吧。顺便也把网址给你们。 http://openlayers.org/en/v3.2.1/examples/接下来我们来看该怎么实现(这里最重要的就是heatmap.kml文件了,就是通过解析他来生成热力图的。我把官方示例中的kml文件也down下来了)var vector = new ol.lay...原创 2017-06-15 11:25:48 · 7435 阅读 · 0 评论 -
【openlayers】ol3入门一基础篇
openlayer - Web Gis 引擎概述OpenLayers 3简称ol3,是一个开源的Web GIS引擎,使用了JavaScript、HTML5及CSS3技术。在地图数据源方面,支持各种类型的瓦片地图,既支持在线的,也支持离线的。支持浏览器由于OpenLayers 3使用了HTML5技术,所以对各种浏览器的版本有所要求。IE浏览器最低需要IE9,IE9以下的浏览器...原创 2018-04-12 09:42:00 · 1236 阅读 · 1 评论 -
【openlayers】ol3地图组成部分
地图组成部分mapViewlayerssourcecontrolinteractionmap地图(Map):对应的类是ol.Map。所有的地图操作,不论是视图还是交互都要基于它来实现。View视图(View):对应的类是ol.View,之前已有接触,控制地图显示的中心位置,范围,层级等。layers图层(Layers):Ol3有多种多样...原创 2018-04-12 09:44:56 · 895 阅读 · 0 评论 -
【openlayers】ol3切换图层源
在实际运用场场景,有时我们需要2个不同的图层切换的对比,比如百度地图的普通图层和卫星图层在ol3里实现这个功能也是很简单,使用 setSource() 即可let baseLayer = map.getLayers().item(0);baseLayer.setSource( new ol.source.XYZ({ url: ''//对应的卫星图层地图包路径 ...原创 2018-04-12 09:41:08 · 2120 阅读 · 0 评论 -
【OpenLayers】ol3判断一个点是否在闭合图形里
官方API已有这个方法,intersectsCoordinate(coordinates)。 首先获得将要判断的几何元素信息(用getGeometry()方法取得),接下来获得将要判断的mark点的坐标,然后执行以下代码:var geo = feature.getGeometry();//feture是几何元素var isIn = geo.intersectsCoordinate();...原创 2017-06-15 11:06:45 · 3143 阅读 · 2 评论 -
【OpenLayers】ol3设置地图可拖动、禁止拖动
let pan = getPan();pan.setActive(false);//false:当前地图不可拖动。true:可拖动function getFun() { let pan; map.getInteractions().forEach(function(element, index, array) { if(element instanceof o...原创 2017-07-07 15:48:30 · 5892 阅读 · 0 评论