コメントは受け付けていません。OpenLayersを使ってみる。layerを使ってみる。layerはどのように動作しているのかについて基本を学んでいきます。classの使い方について順番に学んでいきます。Guideなる書籍の章立てにあわせて、OpenLayersの使い方を学んでいきます。<img>は使いません。dataは単にimageでなく、dateの座標のような追加情報を含むことができます。layerのrenderとしては、SVG、canvasおよびVMLの3つの方法をサポートします。Graphicsの略です。layerのrendererのdefaultはSVGです。<svg>tagを使います。canvascanvasは、HTMLの<canvas>tagを使ってrendererします。renderするときは、rasterに変換されるので、SVGに比べて若干renderが遅くなります。Languageの略です。以上でサポートされています。FireFoxではサポートされていません。Explorer10で廃止されました。今後は<canvas>を使用することが推奨されます。SVGよりはrenderが早いようです。'VML']として与えることになります。SVGが使えるbrowserであれば、最初にSVGとなり、SVGが利用でいない場合はcanvasでrenderします。canvasとSVGでrenderできない場合は、VMLでrenderするようにarrayとして定義できます。codeを作成してみましょう。以下のcodeを入力します。保存先は、c:¥ms4w¥apache¥htdocs¥openlayers2_12¥chapter9¥にしておきます。ファイル名は、chapter9_ex2.htmlで保存します。layerを定義します。ここで、renderers:[...]でどこにrenderするかを指定することができます。canvasが使えるbrowserであれば、最初にcanvasとなり、canvasが利用でいない場合はSVGでrenderします。canvasとSVGでrenderできない場合は、VMLでrenderします。次に、EditingToolbarを追加します。OpenLayers.Control.EditingToolbar(vector_layer));addControl(...)でvector_layerに関連づけます。layerが追加されて、EditingToolbarが追加されたmapが表示されます。Firebugを開いて確認すると、FireFoxでは、canvasでrenderされていることがわかります。'VML']のように入れ替えて実行すると、FireFoxでは、SVGでrenderされていることがわかります。その他のbrowserでも試してみるもの良いですね。layerのrendererについて学びました。Classについて基本を学んでいきます。本tutorialは、htmlやCSSやJavaScriptの基本的なことはある程度理解している前提で今後も話を進めていきます。誤字、脱字、spell間違いや勘違いも多々出てくると考えられます。それは違うじゃん!!とかいろんな意見をいただければと思います。Tutorialの目次に戻る。水文水理解析ソフトウェアの販売セール後1日です。水文水理解析ソフトウェアの販売PythonでMySQLを使ってみる。4]PythonでGUIを試してみる。第1弾ExcelでPythonを使ってみる。ExcelでPythonを動かす。3]PythonでExcelを読み書きする。PythonでGeocodingする。2]Pythonで水文水理解析をやってみる。AB-WebLog.com.。