MapBox.jsをちょこっと試してみた。MenuOpenなGISのことGISに関する実験的研究MapBox.jsをちょこっと試してみた。on08/01/2013MapBox.jsをちょこっと試してみた。Leaflet.jsに引き続き、MapBox.jsについてちょっと試してみました。engineがLeaflet.jsに変わったらしい」ので、それを確かめてみようと思ったわけです。なんと言っても軽量です。その代わりOpenLayersのように何でもてんこ盛りでなく、必要最低限の機能を持ち合わせています。UIがjQueryっぽいですね。HPを参照してください。exampleもあるので、実際に使うには問題ないと思います。今回は、超~~簡単なMapBoxのexampleを作成してみました。OpenStreetmapを表示してみる。OpenStreetMapをMapBoxを使って表示してみましょう。codeは、以下のcodeを入力します。保存先は、c:¥ms4w¥apache¥htdocs¥leaflet¥にしておきます。ファイル名は、mapbox_example_01.htmlで保存します。#999;’></div></body></html>[/html]MapBoxもLeafletと同様にobjectを使う場合、必ずLとなります。L.mapbox.map('map_elemnt');のmapboxが追加になります。続くcodeは、leafletをちょこっと使ってみる。同じcodeになります。MapBoxとLeafletのAPIなどをみれば難しいcodeではありません。保存後、FireFoxを立ち上げて、http://localhost/mapbox/mapbox_example_01.htmlと入力すると、ようにOpenStreetMapが表示されます。L.tileLayer(...)の部分を変更すれば良いようです。APIに関しては、http://www.mapbox.com/mapbox.js/api/v0.6.7/を参照してください。leaflet.jsを使った場合とこれでは、何が変わっているのかはわかりませんね。leafletをちょこっと使ってみる。電子国土を表示を確認してみてください。exampleを参考に載せておきます。controlを増やしたり、いろいろとOptionsを付け加えたりしてください。今回のまとめMapBox.jsについて基本中の基本について試してみました。exampleを使って見て、いろいろとUIの追加やWMSの追加などのテストしてみてください。engineはLeaflet.jsを使っているようです。2系は???今後は、UIについて、exampleを参考にいろいろと扱ってみたいと思います。本blogは、htmlやCSSやJavaScriptの基本的なことはある程度理解している前提で話を進めています。誤字、脱字、spell間違いや勘違いも多々出てくると考えられます。それは違うじゃん!!とかいろんな意見をいただければと思います。Leaflet.jsをちょこっと試してみた。水文水理解析ソフトウェアの販売セール後1日です。水文水理解析ソフトウェアの販売PythonでMySQLを使ってみる。4]PythonでGUIを試してみる。第1弾ExcelでPythonを使ってみる。ExcelでPythonを動かす。3]PythonでExcelを読み書きする。PythonでGeocodingする。2]Pythonで水文水理解析をやってみる。AB-WebLog.com.。