ホーム   管理人の紹介  
ログイン   新規登録

ログイン
ユーザー名:

パスワード:


パスワード紛失

新規登録

メインメニュー

教えて!Googleマップ

例−3:右下に小さい地図を表示する

サンプルプログラム

<!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"/>
<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 load() { if (GBrowserIsCompatible()) { //地図を作成 var map = new GMap2(document.getElementById("map")); map.setCenter(new GLatLng(35.677335,139.744613), 16); //小さい地図を作成 map2=new GOverviewMapControl(new GSize(150,150)); map.addControl(map2); } } //]]> </script> </head> <body onload="load()" onunload="GUnload()"> <div id="map" style="width: 500px; height: 500px"></div> </body> </html>



プリンタ用画面
友達に伝える
投票数:0 平均点:0.00
Google Maps 活用講座
Theme Designed by OCEAN-NET