この例では、Google Map のマイマップ機能によって作成したレイヤーの切り替えを行っています。
使用するのは[.kml]又は[.kmz]のファイルですが、正しく表示されるかどうかを両種類のファイルでテストする事をお勧めします。
又、同ファイルの格納先参照アドレスですが、相対指定( ../map/xxx.kml 等)では表示されません。
サーバーにアップロード後に絶対指定( http://xxx.com/map/xxx.kml 等 ) でしなければなりませんのでご注意ください。
本例では、切り替えボタンの[background-color:]を判別材料として使用していますので、RGB から hex
に変換する式を組み込んでいます。
これについては本章では解説を省きます。
同様に、PC と Mobile
に対応するための、[Click]と[touch]に対応する部分の解説も省きます。
時間が有れば、新たな章で細かい部分のノートを作りたいと思います。