摘要：今天试用了一下ol3，效果很是不错！ol3中有个ol.Overlay，使用这个类我们可以在地图中添加各种html要素。下面我们在地图中添加一个饼图html中添加一个div容器: canvasDiv绑定到地图中： var pie = new ol.Overlay({ position: pos, positioning: ol.OverlayPositioning.CENTER_CENTER, element: document.getElem... 阅读全文

摘要：1.首先我们对矢量数据进行切片 可使用tilestachewin7下使用TileStache生成geojson格式的Tiles这个是预先切好的数据也可以实时去获取切片数据（使用OL-- utfgrid）详见http://blog.perrygeo.net/2012/02 ... ers-and-tilestache/2.下面讲下在Openlayers中如何加载预先切好的数据添加OL的策略拓展文件 OpenLayers.Strategy.Grid.js加载图层：var style = new OpenLayers.Style(); var ruleAmenity = new O... 阅读全文

摘要：需下载的工具有：python：python-2.6Python Setup tools ：setuptools-0.6c11.win32-py2.6GDAL：GDAL-1.9.2.win32-py2.6TileStache：TileStache-1.42.11.首先安装python2.6 并配置环境 阅读全文

摘要：主页：http://osmbuildings.org/github地址：https://github.com/kekscom/osmbuildings1.在ol中添加（使用geojson数据）2.可以自己添加建筑http://osmbuildings.org/examples/Draw.html3.可以自己修改样式http://osmbuildings.org/examples/Styles.html4.可以用来添加3D效果的专题图：socooooooooooool 阅读全文

摘要：在异次元看到一篇介绍Sublime代码编辑器：http://www.iplaysoft.com/sublimetext.htmlReal Sexy！！初步使用下来感觉非常符合我的口味！中文版下载地址http://www.ithome.com/html/soft/27362.htm对于Ol开发在这主要介绍两点一个是插件sublimeCodeIntel另一个就是sublime的codesnippet。sublimeCodeIntel ：能够让sublime跳转到变量或方法定义的地方（跨文件）以及代码提示（支持自定义的类）sublime的codesnippet：快速输入代码段，我们可以编写一些自己经 阅读全文

摘要：一直觉得ol自带的Popup的样式太难看，后来也换了一套自己的皮肤，感觉展示效果还是不怎么地。看到leafet上的样式挺不错的：就自己搞个了个，popup主体加个圆角和阴影： border-radius: 1.2em 1.2em 1.2em 1.2em; box-shadow: 0 3px 14px rgba(0, 0, 0, 0.35);popup的那个小箭头：矩形旋转45度，使用transform:rotate(45deg)来实现。另外针对不同的浏览器还需要添加不同的hack，例如Opera的-o-transform、Firefox的-moz-transform。具体效果如下：实现的过.. 阅读全文

摘要：前段时间一群友有这样一个需求：在ol中画面，但面的填充物为图片，在使用sld样式时ol无法识别图片，经几番搜索原来官方版本暂不支持，可按如下方法解决需要修改如下三个源码文件：openlayers/lib/OpenLayers/Renderer/SVG.jsopenlayers/lib/OpenLayers/Renderer/VML.js openlayers/lib/OpenLayers/Format/SLD/v1.js详情如下：‘+’后面是新增代码 ‘-’后面是删除代码openlayers/lib/OpenLayers/Renderer/SVG.js /** ... 阅读全文

摘要：鼠标移到小车图标上时显示tips：主要使用了qtip2这个jQuery库：http://craigsworks.com/projects/qtip2/具体是使用方法见下面的实例：http://jsfiddle.net/shitao1988/dLTUV/2/ 阅读全文

摘要：Openlayers中加载大数据量的vectors时 其渲染效果就会很差，解决这一问题的有效方法就是对这些vectors进行Cluster在Openlayers的官方Examples中有相关的示例：http://openlayers.org/dev/examples/strategy-cluster-threshold.html 我对这个示例做了下修改 使其clusterfeature加上lables(集聚的feature显示集聚数，没有集聚的显示自身属性)，主要添加的代码如下红色部分： 1 var style = new OpenLayers.Style({ 2 ... 阅读全文