地図とのマッシュアップ


概要

どこどこJPの判定値をもとに、Google MAPにマーカーを打つサンプルです。
またBtoB判定をONにすることで、アクセスユーザが法人判定である場合に企業を表示します。

※注意
Google Maps API v3を利用している為、『Internet Explorer 6』はサポート対象外です。

ダウンロード

導入手順

  1. docodoco_gmap_v3.jsをダウンロードする
  2. <head>～</head>間に、どこどこJPとGoogle Maps、先ほどダウンロードしたファイルを読み込ませます
                            <script type="text/javascript" src="http://api.docodoco.jp/v3/docodoco?key=APIキー" charset="utf-8"></script>
                        <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
                        <script type="text/javascript" src="docodoco_gmap_v3.js"></script>
  3. 地図を表示させたい場所にdivタグを記述し、idと描画サイズの指定をする
                            <div id="maparea" style="width: 800px; height: 600px"></div>
  4. 地図の描画用コードを<head>～</head>間に記述する
    ※パラメータ表を参照してください
                            <script type="text/javascript">
                        <!--
                            gmapDocodoco({
                                mapid: "maparea",
                                zoom: 16,
                                content: SURFPOINT.getOrgName(),
                                bcf: "on"
                            });
                        //-->
                        </script>

パラメータ
パラメータ名 説明 値 デフォルト値
mapid 地図を描画させる要素ID - 必須
zoom 地図のズームレベル 広域≪0～20≫詳細 14
marker マーカー画像指定 画像ファイルへのパス
off、falseで非表示
mktitle マーカーのチップタイトル - -
content 情報ウィンドウの内容設定 文字列、HTML -
maptype 地図の表示タイプ設定
  • ROADMAP：地図
  • SATELLITE：航空写真
  • HYBRID：地図+写真
  • TERRAIN：地形
 ROADMAP
bcf BtoB判定優先 on off



Page Top