コメント |
※ 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 |