Here comes the Sun » map

HeatCanvas support for Leaflet

sunng — Mon, 18 Jul 2011 12:50:03 +0000

Leaflet is a light weight web mapping library developed by Cloudmade. Leaflet is designed for compatibility with both desktop browser and mobile browser.

HeatCanvas-Leaflet extension enables heat map on Leaflet. You can create heat map layer and add it to Leatlet map:

var heatmap = new L.TileLayer.HeatCanvas("Heat Canvas", map, {},
{'step':0.3, 'degree':HeatCanvas.QUAD, 'opacity':0.7});
heatmap.pushData(32.1104, 118.0852, 14);
//push more data ...
map.addLayer(heatmap);

You can find live demo on:
http://sunng87.github.com/heatcanvas/leaflet.html
Mobile browser is also supported. (Tested on Firefox Android and default Android browser)

Find more about HeatCanvas on github page.

Leaflet is still buggy for extension. There is a latlng-pixel coordinate conversion issue in low zoom level, affects this demo. Hope it could be fixed soon.

Perfomed my first commit to OpenStreetMap.org

sunng — Sun, 13 Jun 2010 04:59:02 +0000

每每看到OSM上南京的地图都一阵唏嘘，这么多年了几乎没有任何变化，仅有的一些数据也都是错误百出，身为一个南京人，又是一个GIS专业毕业的，深感压力巨大。

实际上编辑OSM没有大家想象的那么复杂。任何人都可以注册登录网站，用默认的Potlatch工具进行编辑，即使你手上没有数据也可以编辑一些基本的属性，比如把错误的中山路纠正为北京东路。我从MapMyTracks上导出GPX文件上传到OSM，GPS数据会在OSM上被显示出来，根据这些数据稍作加工就是道路信息了。浏览器里的编辑器功能并不强大，KDE桌面的Merkaator的编辑能力要强大得多，可以对道路进行split/join操作，这些操作对之前南京地图上各种错误的数据非常必要。

其实OpenStreetMap可以借助一些背景图进行数字化，但是在国内，目前只有分辨率非常低Yahoo卫星地图可以用。至于Google的卫星地图，由于License的原因，你是不能在编辑自由地图时使用的。

上海的OSM已经非常完善，数据完善的程度、渲染出地图的壮观已经让你难以想象，连去年开通的张江电车已经在地图上标出，还有各个站名。注册后可以发现，仅仅在浦东就有十几位OSM的贡献者。相比之下，南京在这方面一片空白，甚至还没有苏州的地图完善。考虑到南京有这么多学校这么多GIS专业学生，每年做那么多无用的、自以为是的数字化作业，真正有意义的工作却无人问津，并非没有人愿意去做，而恐怕是大部分人对OSM都闻所未闻。

今后每周我回抽出一定的时间来编辑南京的地图，也算是为家乡做一些贡献吧。

The post is brought to you by lekhonee v0.7

Emerillon: map viewer for gnome desktop

sunng — Sat, 30 Jan 2010 15:03:47 +0000

自从libchamplain / geoclue等库发布之后，gnome桌面的地理信息工具和支持发展很迅速：例如之前提到过的eye-of-gnome的地理信息插件，根据EXIF信息在地图上显示。现在gnome桌面上终于有一个专门的地图查看器了，仍然是基于libchamplain，名字叫做emerillon

仍然是使用open street maps，这两年上海的地图发展的非常不错，连最新的二号线东延都已经被标注出来了。相比之下，南京的地图就还是一片空白。

在Ubuntu上安装emerillon，可以从其网站上下载源码编译安装：
http://www.novopia.com/emerillon/download.html

emerillon的几个主要依赖：

libchamplain
librest
ethos

libchamplain在ubuntu 9.10的仓库已经包含

librest也在软件仓库中，不过需要注意的是ubuntu将librest安装在pkg-config里时的名字叫做rest.pc，而emerillon查找的是rest-0.6.pc，所以需要手动建立一个软连接：
sudo ln -s /usr/lib/pkgconfig/rest.pc /usr/lib/pkgconfig/rest-0.6.pc

ethos是一个Gtk的插件框架，目前还不在软件仓库中，需要从网站下载代码编译：
http://git.dronelabs.com/ethos/
ethos网站上提到的PPA源中的版本偏旧，不建议使用。

实际上也可以直接添加emerillon的PPA源：
deb http://ppa.launchpad.net/mathieu-tl/emerillon/ubuntu karmic main
deb-src http://ppa.launchpad.net/mathieu-tl/emerillon/ubuntu karmic main

另外，也可以通过Ubuntu Tweak安装。

作者Blog：
http://blog.pierlux.com/en/

OSM Static API with JavaFX

sunng — Sat, 18 Jul 2009 08:04:15 +0000

OSM(http://www.osm.org) has released their first prototype of static map api. It is aimed to make web mapping easier to refer just like google has done.

All interfaces are listed in following page:
http://dev.openstreetmap.org/~pafciu17/

With OSM static api, you can:

Show a map centered at a specified point. (using center, height and width)
Show a map contains specified bound box. (using bbox, zoom/height/width)
Create point/path/polygon in static map.
Choose different map render engines.
Control logo position in output image.

I just tested it with a simple javafx applet. For there is no crossdomain.xml on the server of OSM, to get cross-domain images, you will be asked to confirm security. Feel free to change center latitude/longitude and zoom level.

Enjoy all these free data on free applications

Steps to create signed javafx applet

javafxc OSMStaticMap.fx
javafxpackger javafxpackager -src . -appClass OSMStaticMap -appWidth 500 -appHeight 500
cd dist
keytool -genkey -keystore classicning.keys -alias http://www.classicning.com/ -validity 365
jarsigner –keystore classicning.keys –storepass ******** OSMStaticMap.jar http://www.classicning.com/