コメントは受け付けていません。OpenLayersを使ってみる。controlsについての基本を学んでおきます。Guideなる書籍の章立てにあわせて、OpenLayersの使い方を学んでいきます。ControlOpenLayersで用意されているものでなく、独自のcontrolを作成してみます。作成するcontrolはbuttonです。controlのpropertiesとfunctiosについて見ておきます。propertyの2つについて知っておく必要があります。objectをインスタンス化するときに使います。buttonが(それはOpenLayers.Control.TYPE_BUTTONコントロールであると仮定して)clickされた時に、この関数が呼び出されます。Buttonを定義しない場合、Buttonをclickしても何も起こりません。objectの作成中にpropertyを渡す必要があります。インスタンス化でこれを定義するために、新たな外部の関数を作成します。openLayers.Control.Buttonがcallされ、その後はトリガーとして、その関数の名前を参照します。});なtriggerです。簡単なcontrolのtypeであるTYPE_BUTTONについて作成します。codeは、以下のcodeを入力します。保存先は、c:¥ms4w¥apache¥htdocs¥openlayers2_12¥chapter6¥にしておきます。ファイル名は、chapter6_ex6_custom_button.htmlで保存します。3);}};の部分でcustom_button_func関数を作成します。これは、randomに表示位置を変える関数となっています。id='panel_div'></div>で定義した<div>に書き込まれます。custom_button_func,})で定義して、OpenLayers.Control.Buttonを定義します。itcontrol_panel.addControls([custom_button])custom_buttonを追加します。mapmap.addControl(control_panel);でcontrolを追加します。保存後、FireFoxを立ち上げて、http://localhost/openlayers2_12/chapter6/chapter6_ex6_custom_button.htmlと入力して、FireFoxを開くとな感じでbrowser上にmapと定義したpanelが表示されます。buttonが表示されます。buttonをclickすると、のようにmapのcenterがrandomに移動します。controlを作成しました。typeに変更することは簡単です。23]を参考にしてください。controlを作成することのどちらか)とタイプを指定。controlを作成した後、controlがアクティブになったときに関数を呼び出します。その際にeventHandlersを指定します。controlの基本について学びました。次回は、引き続きOpenLayers.ControlのeventHandlersについて学んでいきます。本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.。