HTML5如今已經(jīng)成為移動開辟的另一個核心，關(guān)于native app和web app以及雜交app的評論辯論也已經(jīng)不少。本來光線四射的Flash，Adobe公司公布放棄移動版的開辟，而轉(zhuǎn)向更大力度的支撐HTML5。固然說HTML5里的Canvas可以在往后調(diào)換Flash，但小我感覺似乎也不樂觀，我們來說幾件工作吧。

近十年前就看到flashk（一個組織后來就滅亡了）做過一個基于flash的管網(wǎng)體系，那時辰就感覺用flash做一個地圖引擎，那應(yīng)當(dāng)是多牛。

后來感覺SVG不錯，我都有點(diǎn)同GML有點(diǎn)相提并論了，但SVG至今依然不是HTML5的一項(xiàng)目組，并且這么多年也沒有一個牛的應(yīng)用是用SVG做的，固然SVG看起來挺強(qiáng)大的，支撐熱點(diǎn)、支撐內(nèi)嵌js等，并且很多瀏覽器對SVG的支撐也不錯。（最早有見過用SVG來做地圖的，那應(yīng)當(dāng)在我06年時寫博客有提到過，但那時辰瓦片地圖都應(yīng)當(dāng)是在大師盡力研究的狀況吧）

昨天晚上開端研究百度的地鐵地圖，是用flash做的，矢量化的，做的還是挺摩登的，我一向很喜好，但移動設(shè)備根蒂根基上不克不及用（對flash不支撐或者支撐不佳）。研究這個器材呢有兩個意圖，一是把它離線，讓其他網(wǎng)站也能用，另一就是想直接看看他們的數(shù)據(jù)，畢竟成果本身做數(shù)據(jù)還是斗勁累人的。如今的成果是，本地顯示根蒂根基OK，項(xiàng)目組功能不成用（比如路徑演算就必然是須要辦事端支撐的，發(fā)明地鐵的路徑演算竟然是百度地圖的一個項(xiàng)目組，演算完畢后地鐵法度解析獲取到的JSON數(shù)據(jù)，可能地鐵換乘也算是百度步行導(dǎo)航演算的一個項(xiàng)目組吧，我卡殼的是地鐵的JS不克不及獲取JSON以及解析，不知道是否和跨域有必然的關(guān)系否）。地鐵數(shù)據(jù)項(xiàng)目組，也已經(jīng)看到數(shù)據(jù)，是一個二維平面下的一系列坐標(biāo)點(diǎn)湊集，籌辦導(dǎo)出來看看可否直接成圖。

今天花了一點(diǎn)時候，把HTML5中的Canvas章節(jié)，簡單的瀏覽了一遍。固然有不少的函數(shù)，但似乎同畫圖對象有所類似了，讓我想到了mapinfo，什么畫線、畫面、畫圓、畫弧線、填充色彩、設(shè)置包邊的粗細(xì)和色彩等等等。我在想：若應(yīng)用HTML5畫圖，那不僅僅是要將地圖繪制一遍（獲得坐標(biāo)把握點(diǎn)），更須要將地圖經(jīng)由過程JS說話往來交游實(shí)現(xiàn)一遍。OMG，想起來就感覺有點(diǎn)頭大，莫非flash昔時也如此麻煩？即便flash如此麻煩，那也至少是有可視化編輯景象的，那HTML5的畫圖是否會有可視化的編輯景象呢？（也許只是我還沒有發(fā)明吧）。別的補(bǔ)充一句：flash的題目確切斗勁多，比如很是占用CPU、斗勁耗電，那么HTML5的Canvas就不會有這題目嗎？

后來搜刮“HTML5 Canvas map”的時辰，看到兩個地圖，一個世界地圖，另一個是美國地圖，都是用HTML5繪制的，忽然感覺HTML5繪制地圖看起來欲望很大嘛，于是研究了一下這個開源的美國HTML5地圖，但簡單看了下，就感覺怕了，因?yàn)椋好绹貓D繪制的固然摩登，但繪制的那一系列平面坐標(biāo)點(diǎn)是如何而來的呢？當(dāng)然，不打消是有對象的，但我感覺，若要做到如許，那是多么的艱辛那（看他的Map.js文件，統(tǒng)共近1300行，地圖數(shù)據(jù)就占領(lǐng)了一半）。有愛好的伴侶就去看看吧：http://dougx.net/map/usmap.html

不過，既然HTML5大勢如此，那HTML5的將來必然是殘暴的，只是，可以獲得一個結(jié)論是：在沒有一個好用的對象之前，用HTML5來繪制地圖，是一件很是很是麻煩的工作，更不消說將HTML5的畫圖做成引擎，實(shí)現(xiàn)放大縮小平移以及熱點(diǎn)響應(yīng)事務(wù)等操縱了?？吹揭粋€HTML5做的巨牛網(wǎng)站，甚是欣慰，動畫結(jié)果同flash有的一拼，觀摩地址：http://www.ro.me/。（固然是結(jié)果巨牛的HTML5動畫網(wǎng)站，但工程其實(shí)挺大的，查看源文件，發(fā)明一個頁面加載了90多個功能js，畫圖js也是讓人目炫的坐標(biāo)系列，看下這個文件會不會嚇到你，呵呵）

總結(jié)幾句空話：

1、做件工作很不輕易

2、對象（或者說是框架或引擎之類的器材，比如openlayers引擎、jQuery框架等）很有效

3、可用性和易用性很關(guān)鍵

最后問大師一句：你會用HTML5去繪制地圖否？

---