メニュー

E-Mail
ASP.Netのお勉強
VB.Netのお勉強
Excel マクロ・VBAのお勉強
PHPのお勉強
Webデザインのお勉強
Javaのお勉強
総合サイトCocoaLiz
ネイルサロン検索
エステサロン検索
アロマサロン検索
アイビューティーサロン検索

Google Earth API

Google Earth APIを利用すると、
3D デジタル地球儀をウェブページに埋め込むことができます。

サンプルは、GoogleEarthを表示して、
東京都庁に移動します。


作ったサンプルサイトは、こちらです。

コードは、下記。


<html lang="ja">
<head>
<meta charset="UTF-8">
<title>Google Earth</title>
<script src="http://www.google.com/jsapi?key=@@@@"> </script>
<script type="text/javascript">
var ge;

google.load("earth", "1");

function init() {
    google.earth.createInstance('map', initCB, failureCB);
}

function initCB(instance) {
    ge = instance;
    ge.getWindow().setVisibility(true);
    ge.getNavigationControl().setVisibility(ge.VISIBILITY_AUTO);
    
    ge.getLayerRoot().enableLayerById(ge.LAYER_BORDERS, true);

    //都庁に移動
    var la = ge.createLookAt('');

    la.setLatitude(35.689488);
    la.setLongitude(139.691706);
    la.setRange(150.0);
    
    ge.getView().setAbstractView(la);

}

function failureCB(errorCode) {
}

google.setOnLoadCallback(init);

</script>

</head>
<body>
<div id="map" style="height: 400px; width: 600px;"></div>
</body>
</html>



Copyright (C) 総合サイトCocoaLiz. All Rights Reserved.