Scribble Maps Blog
iPad対応 - ウィジェットのアップグレード
Scribble Mapsのウィジェットはこれまで完全にFlashベースでしたが、iPadの普及に伴い、Scribble Mapsで作成したすべての地図をいつでもどこでも誰でも閲覧できるようにしたいと考えました。
そこで、Flashベースのウィジェットと、Flashがない場合にはJavaScriptバージョンにフォールバックする、両方の長所を兼ね備えたウィジェットへとアップグレードしました。さらに、新しいウィジェットはハードコードではなくiframeを使用しているため、Bloggerなどのサービスへより簡単に埋め込むことができます。
ただし、現在すでに埋め込みを行っており、新しいシステムのメリットを享受したい場合は、埋め込みコードをアップグレードする必要があります。最も簡単な方法は、地図を読み込んでからウィジェットコードを取得することですが、手動で行うこともできます。新しい埋め込みコードは次のようになります:
そこで、Flashベースのウィジェットと、Flashがない場合にはJavaScriptバージョンにフォールバックする、両方の長所を兼ね備えたウィジェットへとアップグレードしました。さらに、新しいウィジェットはハードコードではなくiframeを使用しているため、Bloggerなどのサービスへより簡単に埋め込むことができます。
ただし、現在すでに埋め込みを行っており、新しいシステムのメリットを享受したい場合は、埋め込みコードをアップグレードする必要があります。最も簡単な方法は、地図を読み込んでからウィジェットコードを取得することですが、手動で行うこともできます。新しい埋め込みコードは次のようになります:
<iframe width="550px" height="400px" src="http://widgets.scribblemaps.com/widget.html?id=mymapid&d=true&mt=false&z=true&l=false&p=true" frameborder="0" style="border: none; margin: 0; padding: 0"></iframe>「mymapid」の部分をお手持ちのマップIDに置き換えてください。古いウィジェットと同様に、このウィジェットもkmlパラメータを設定することで、KMLを直接レンダリングすることをサポートしています。
注意点として、線のスタイル設定など一部のカスタム機能は、JavaScriptバージョンでは正しくレンダリングされません。しかし、JavaScriptウィジェットを継続的にアップグレードし、Flashベースのウィジェットにできる限り近づけていく予定です。JavaScriptウィジェットで地図がどのように表示されるかを確認したい場合は、モバイルビューア(http://m.scribblemaps.com)を使用して読み込むことができます。
私たちはこのアップデートを非常に嬉しく思っており、皆様のさらなる創作を楽しみにしています。
ハッピー・マッピング!