要玩 的話 要有幾個先決條件
1 當然要申請一個 google 帳戶
2 到Google Earth API 申請一個使用的key
3 google earth plugin 安裝，基本上進入瀏覽器後會自動問你要不要裝 不過 在windows 下 只支援 firefox, ie6, ie7
接者把下列東西放到html 中就行了
以下放到 head 之間
<script type="text/javascript" src="http://www.google.com/jsapi?hl=en&key=ABQIAAAAwbkbZLyhsmTCWXbTcjbgbRSzHs7K5SvaUdm8ua-Xxy_-2dYwMxQMhnagaawTo7L1FE1-amhuQxIlXw"></script>
<script type="text/javascript">
var ge; //存放 google earth 物件
google.load("earth", "1"); //load google earth %u7269%u4EF6
// 呼叫 google earth
function init() {
//google.earth.createInstance(網頁上的div位置, google earth 設定 , 錯誤訊息 );
google.earth.createInstance('map3d', initCB, failureCB );
}
function initCB(instance) {
//存放 google earth 物件
ge = instance;
ge.getWindow().setVisibility(true);
// add a navigation control
// 控制鍵顯示模式 有三種 這裡是自動影藏顯示
ge.getNavigationControl().setVisibility(ge.VISIBILITY_AUTO);
// add some layers
// ge.LAYER_BORDERS 國界或行政區分界的顯示
// ge.LAYER_ROADS 道路的顯示
ge.getLayerRoot().enableLayerById(ge.LAYER_BORDERS, true);
ge.getLayerRoot().enableLayerById(ge.LAYER_ROADS, true);
}
//錯誤訊息
function failureCB() {
alert('Google earth loading failed!');
}
</script>
----------------------------這是分隔線-------------------------------
以是 body
<body onload="init();">
<div style="clear: both;"></div>
<div id="ui" style="position: relative;">
<div id="map3d_container" style="border: 1px solid #000; width: 500px; height: 500px;">
<div id="map3d" style="height: 100%;"></div>
</div>
</div>
</body>
沒有留言:
張貼留言