cf_googlemap
Brian RinaldiのThe ColdFusion Open-Source Project Listを久しぶりに眺めていたら、CF_GoogleMapというGoogle Maps用カスタムタグを見つけました。
以前紹介したCFGoogleMapsというCFCと異なるアプローチですが、こちらのほうが結構使いやすいかもしれません。
ただし、日本国内のGeocodingはサポートされていないので、住所に対する位置情報は別途与える必要があります。
使用可能なタグは、以下の５つです。
- CF_GoogleMap
- マップ表示領域とデフォルトビューを定義する親タグです。
- このタグ内部に残りの３つのタグを配置します。
- CF_GoogleMapIcon
- 位置情報表示用のカスタムアイコンを定義します。
- CF_GoogleMapLine
- 複数のCF_GoogleMapPointを直線で結びます。
- CF_GoogleMapPoint
- マップ上に位置情報を定義します。
- 位置情報をインフォメーションウィンドウで表示したり、CF_GoogleMapLineタグ内部に複数配置すると、直線を引けます。
- CF_GoogleMapShow
- 地図を表示するために、CF_GoogleMapタグの直後に配置します。
サンプルスクリプトは、以下のとおりです。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
</head>
<body>
<cf_googlemap width="500" height="300" key="#Application.GoogleMapKey#" maptype="map">
<cf_googlemappoint title="Bashas" address="4321 E. Baseline Rd gilbert az 85234" lon="-111.74097" lat="33.379044">
</cf_googlemap>
<cf_googlemapshow>
</body>
</html>
コメント