• このエントリーをはてなブックマークに追加

Google Mapを表示させてみた。とっても簡単。
※今は動きません。

iframe

<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d207446.24923261403!2d139.60044160747978!3d35.66844106321209!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x60188b857628235d%3A0xcdd8aef709a2b520!2z5p2x5Lqs6YO95p2x5Lqs!5e0!3m2!1sja!2sjp!4v1557208196629!5m2!1sja!2sjp" width="600" height="450" frameborder="0" style="border:0" allowfullscreen></iframe>

過去のiframeコード

<iframe style="border: 0;" src="https://www.google.com/maps/embed?pb=!1m10!1m8!1m3!1d418338.2826816976!2d135!3d35!3m2!1i1024!2i768!4f13.1!5e0!3m2!1sja!2sjp!4v1428812517281" width="600" height="450" frameborder="0"></iframe>

過去のAPIコード

<div id="webneta0001" style="width: 400px; height: 400px;"> <div id="webneta0001" style="width: 400px; height: 400px;"></div> <script type="text/javascript">// <![CDATA[ if(!GBrowserIsCompatible()){ alert("このブラウザではGoogle Mapsは利用できません"); }else{ map = new GMap(document.getElementById("webneta0001")); map.centerAndZoom(new GPoint(135,35),11); } // ]]></script></div>
<script type="text/javascript">// <![CDATA[
if(!GBrowserIsCompatible()){ alert("このブラウザではGoogle Mapsは利用できません"); }else{ map = new GMap(document.getElementById("webneta0001")); map.centerAndZoom(new GPoint(135,35),11); }
// ]]></script>

座標:北緯35度、東経135度

Googleのマップ機能を使って、表示したい座標部分の地図を表示させるサンプル。