【openlayers】的更多相关文章

HTML5 网络拓扑图整合 OpenLayers 实现 GIS 地图应用

在前面<百度地图.ECharts整合HT for Web网络拓扑图应用>我们有介绍百度地图和 HT for Web 的整合,我们今天来谈谈 OpenLayers 和 HT for Web 的整合. HT for Web作为逻辑拓扑图形组件自身没有GIS功能,但可以与各种GIS引擎即其客户端组件进行融合,各取所长实现逻辑拓扑和物理拓扑的无缝融合,本章将具体介绍HT for Web与开发免费的OpenLayers地图结合应用的关键技术点,该文介绍的结合的原理,其实还可推广到与ArcGIS.百度地图…

OpenLayers.2.10.Beginners.Guide---第一章

从网上下载openlayers2,解压取得img theme 文件夹和openlayes.js文件.放在同一文件夹下用phpstorm打开. 创建index.html-------------每一行都有注释 <!DOCTYPE html> <html lang='en'> <head> <meta charset='utf-8'/> <title>My OpenLayers Map</title> <script type='t…

OpenLayers的定制

最近因为工作的需要,把主流的的一些GIS的javascript库看了一遍,主要是ArcGIS Server API for Javascript,Openlayers和Leaflet. 先说说ArcGIS Server API for Javascript,功能很强大,但是功能的强大也意味着体积很大,如果你需要的功能复杂了,一次加载js文件的量是很大的,就算有缓存,对于手机用户来说,第一次加载的速度和需要的流量也是不可接受的.有趣的是,我问客服,你们的API太大了,很吃配置,怎么办?客服说,这不…

OpenLayers工作原理

1.数据组织 OpenLayers通过同层(Layer)进行组织渲染,然后通过数据源设置具体的地图数据来源.因此,Layer与Source是密切相关的对应关系,缺一不可.Layer可看做渲染地图的层容器,具体的数据需要通过Source设置. 地图数据根据数据源(Source)可分为Image.Tile.Vector三大类型的数据源类,对应设置到地图图层(Layer)的Image.Tile.Vector三大类别的图层中. 2.数据解析 ol.format.Feature类用于读/写各种格式的数据,…

openlayers 3 简书

1. 简书http://www.jianshu.com/p/6785e755fa0d 2. 文档 http://anzhihun.coding.me/ol3-primer/ch03/03-02.html 3. 官方网站的API http://openlayers.org/en/latest/apidoc/ol.Map.html…

OpenLayers添加点【php请求MySQL数据库返回GeoJSON数据】

php请求MySQL数据库返回GeoJSON数据的实现方法请参见: http://www.cnblogs.com/marost/p/6234514.html OpenLayers[v3.19.1-dist]添加GeoJSON数据源图层 <!doctype html> <html lang="en"> <head> <link rel='stylesheet' href='ol.css'> <style> #map { heig…

OpenLayers元素选择工具

OpenLayers的selector工具相信挺多人都没有用过,其实这个工具用处还是不少的.比如完成元素查询时,需要实现图属性联动,使用这个工具很方便.最近做项目时也使用到这个工具,使用起来确实挺方便的.效果如图: 红色部分为使用selector选择的效果. 下面说说实现过程: 定义selector工具,并添加到地图中 //高亮元素选择 selectControls = { selector: new OpenLayers.Control.SelectFeature(this.hightLigh…

Openlayers自定义简单popup

OpenLayers中可以使用很多种类型的popup,大家可以到Openlayers的 popupMatrix.html示例中看.之前存在这样一个错误的想法:popup和marker是绑定的,要有popup就必须有marker.然后最近为了实现这样一样需求:在接图表的网格中点击,产生相应的一个简单的popup只有一个些简单的信息,不需要和其他项目中的nestpupop那么多的内容.经过自己的摸索后,终于实现.先展示下效果图: 实现方法不难,主要如下: 1.给地图map对象添加click事件 ma…

OpenLayers控制瓦片的绽放级别

先说说这个功能可能使用到的地方,当我们下载的网上瓦片或者矢量数据的第一级或开始几级效果不是很好时,我们就就想让用户看到这些级别的瓦片.实现这个功能比较简单,主要就是修改Openlayers.map的isValidZoomLevel方法.具体如下:1.先定义好一个limiteZoonLevel方法,在 /* *设置地图可以缩放的级别 *Parameters: *minLevel - {int} 最小级别 *maxLevel - {int} 最大级别 */ limiteZoonLevel: func…

OpenLayers图形与列表互动

项目上遇到这样一种需求:查询数据库后得到结果(带地理位置的)列表,每个结果在地图上都是一个四边形,四边形之间有交叉,有重叠,需要实现地图上的四边形和结果列表的互动.抛开其他逻辑功能,互动需求可以表示为如下两点意思: 1.点击地图上的四边形,被点击的(或者说被选中的)四边形会由蓝色变成绿色,结果列表中对应项会被打钩选中: 2.反过来,点击结果列表中的复选框,被打钩选中的结果对应的地图上的四边形会随之由蓝色变成绿色,取消打钩选中,则绿色还原成蓝色. (约定:查询结果四边形用蓝色表示,被选中的四边形用…