ソース掲示板




すべてから検索

キーワード   条件 表示 現行ログ 過去ログ トピックス 名前 本文
APIキーがいらなくなった Google MAP API Version 3
日時: 2010/06/18 14:27
名前: lightbox



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


 
拡張子:
<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>
以下、特殊な CSS 環境用( 通常 map_canvas の前に置きます )
拡張子:
<style type="text/css">
#map_canvas div{
	overflow: visible;
}
</style>
メンテナンス


日時: 2010/06/18 14:27
名前: lightbox