ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文

  メンテナンス 前画面に戻る

対象スレッド 件名: APIキーがいらなくなった Google MAP API Version 3
名前: lightbox
処理選択
パスワード

件名 APIキーがいらなくなった Google MAP API Version 3
名前 lightbox
コメント
※ APIキーがいらなくなっています
※ このページでは、meta 要素が必要でした
※ CSS は、maglog で表示させる為に追加しています( div 全てに overflow:hidden が設定されているので )
※ @C:red(このページでは逆にCSSがあると表示されません)
※ オリジナルサンプルでは、onload イベントで実行していますが、特別その必要はありません。

@HTML
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.1&sensor=false"></script> 
<div id="map_canvas" style='width:500px;height:400px;'></div>
<script type="text/javascript"> 
    var latlng = new google.maps.LatLng(49.352562, 154.710159); 
    var myOptions = { 
      zoom: 13, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 
</script> 
@HEND

@DIV
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
<script type="text/javascript" src="http://maps.google.com/maps/api/js?v=3.1&sensor=false"></script> 
<div id="map_canvas" style='width:500px;height:400px;'></div>
<script type="text/javascript"> 
    var latlng = new google.maps.LatLng(49.352562, 154.710159); 
    var myOptions = { 
      zoom: 13, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 
    var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
 
</script>
@END


以下、特殊な CSS 環境用( 通常 map_canvas の前に置きます )
@DIV
<style type="text/css">
#map_canvas div{
	overflow: visible;
}
</style>
@END