グーグルはどこまで便利になっていくのか。
日経ビジネス９月２５日号は「グーグルはなぜただなのか」という特集。興味深い記事だった。グーグルの話題が出ない日はないくらい、グーグルは進化していく。さて、グーグルの便利な機能「Google Maps API」を使って、自社サイトにグーグルマップを載せてみた。グーグルマップを使うにはAPIキーを取得しなければならないが意外に簡単。ドモドモコーポレーションの地図を作成しドモドモコーポレーションホームページに掲載してみた。
▼設置ページ
https://www.dm2.co.jp/map
▼使用したソース（実際はさらにタグを追加している）
<!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”>
<head>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/>
<meta http-equiv=”Content-Script-Type” content=”text/javascript” />
<title>ドモドモコーポレーション Google Maps JavaScript API Example</title>
<script src=”http://maps.google.com/maps?file=api&v=2&key=取得したAPIキー”
type=”text/javascript”></script>
<script type=”text/javascript”>
//<![CDATA[
function createMarker(point, icon, html) {
var marker = new GMarker(point, icon);
GEvent.addListener(marker, ‘click’, function() {
marker.openInfoWindowHtml(html);
});
return marker;
}
function load() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById(“map”));
map.setCenter(new GLatLng(36.746828,136.714811), 1);
map.addControl(new GLargeMapControl());
map.addControl(new GMapTypeControl());
var marker1 = createMarker(new GLatLng(36.746828,136.714811), null, “<p>▼どもども(^^)v<br /><a href=http://www.domo-domo.com/>株式会社ドモドモコーポレーション</a><br />石川県かほく市木津ロ64-1</p>“);
map.addOverlay(marker1);
}
}
//]]>
</script>
</head>
<body onload=”load()” onunload=”GUnload()”>
▼株式会社ドモドモコーポレーションご案内図
<div id=”map” style=”width: 500px; height: 450px”>
</div>
</body>
</html>
※この文字色のところは各自差し替えが必要
【参考にしたサイト】
http://www.google.co.jp/apis/maps/documentation/
http://ecogis.sfc.keio.ac.jp/developers/gmaps/haru_v2.html
http://allabout.co.jp/internet/javascript/closeup/CU20060815A/index.htm
http://iwaki.chiikigaku.com/modules/news/article.php?storyid=14
この記事を書いた遠田幹雄は中小企業診断士です
遠田幹雄は経営コンサルティング企業の株式会社ドモドモコーポレーション代表取締役。石川県かほく市に本社があり金沢市を中心とした北陸三県を主な活動エリアとする経営コンサルタントです。
小規模事業者や中小企業を対象として、経営戦略立案とその後の実行支援、商品開発、販路拡大、マーケティング、ブランド構築等に係る総合的なコンサルティング活動を展開しています。実際にはWEBマーケティングやIT系のご依頼が多いです。
民民での直接契約を中心としていますが、商工三団体などの支援機関が主催するセミナー講師を年間数十回担当したり、支援機関の専門家派遣や中小企業基盤整備機構の経営窓口相談に対応したりもしています。
保有資格：中小企業診断士、情報処理技術者など
会社概要およびプロフィールは株式会社ドモドモコーポレーションの会社案内にて紹介していますので興味ある方はご覧ください。
お問い合わせは電話ではなくお問い合わせフォームからメールにておねがいします。新規の電話番号からの電話は受信しないことにしていますのでご了承ください。
【反応していただけると喜びます（笑）】
記事内容が役にたったとか共感したとかで、なにか反応をしたいという場合はTwitterやフェイスブックなどのSNSで反応いただけるとうれしいです。
遠田幹雄が利用しているSNSは以下のとおりです。
facebook https://www.facebook.com/tohdamikio
ツイッター https://twitter.com/tohdamikio
LINE https://lin.ee/igN7saM
チャットワーク https://www.chatwork.com/tohda
また、投げ銭システムも用意しましたのでお気持ちがあればクレジット決済などでもお支払いいただけます。
※投げ銭はデジタルコンテンツ購入という通販のしくみにしました。
※投げ銭は100円からOKです。シャレですので笑ってください（笑）
コメント
map.setCenter(new GLatLng(36.746828,136.714811), 1);
の最後を15から17ぐらいにしたほうが、サイズが拡大されて、地図としては使いやすいとおもいます。
受け狙いでは、開始にマップを衛星写真にすればＯＫかと
以下をmap.addControlの次に追加
map.setMapType(G_SATELLITE_TYPE);//衛星写真のタイプを指定
どもども、おぱびにあさん
たいへんありがたいご助言をありがとうございます。
> 受け狙いでは、開始にマップを衛星写真にすればＯＫかと
お見通し！
ご指摘のとおりでございます。ﾍﾟｺﾘ m(__)m
> 以下をmap.addControlの次に追加
> map.setMapType(G_SATELLITE_TYPE);//衛星写真のタイプを指定
なるほど。
このほうがいいですね。(^^)v
早速、変更しました。
どもども、ありがとうございます。
これ、やってみたかったんです。
いただきぃ＼(^O^)／
狙いで衛星写真だったのね。。。。
やられた。。。。突っ込もうと思ったのに。
Googleアースと連携したらもっと面白いかもしれませんね。
『自宅からドモドモコーポレーションまでルート検索！』とか。。。。
どもども、もっぷさん
Googleアースの使い方は、
商業よりむしろ農業系のほうが面白そうですね。
あの畑から、あの田んぼへとツアーが楽しめます。何十町歩あっても瞬時に移動できるし、そのさまがまた面白いです。