スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。

実験 Google Earthで見る平尾台

下の画像をクリックしてください

<

下の枠内のソースを拡張子をhtmで保存して、そのHTMファイルを自分のサイトにあらかじめアップロードしておき、それをブログのマウスクリックイベントでウインドウオープンすることで実現しています。

ブログで記述したサイトにアップロードしたHTMLファイルを特定の大きさの別ウインドウで開くためのソースは下記だけです

<span style="font-size:0px;"><<img src="http://blog-imgs-43.fc2.com/d/o/n/dongwcat/12723699994bd6d34fe9f94_import.jpg" onclick=" window.open('http://dongwcat.net/google/hiraodai.htm','hiraodai','width=700, height=550, menubar=no, toolbar=no, scrollbars=no');" /></span>


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>グーグルアースで見る平尾台</title>
<script src="http://www.google.com/jsapi?key=ABQIAAAAovlXF0DoiSChDkhfbqOewxSWgliEq9bYAyhahUrPQ0z_lbAMwxTBbKSCWFf8Gang1vwmBpm_9rksPA"></script>
<script>
google.load("earth", "1");

function init() {
google.earth.createInstance("map3d", initCallback, failureCallback);
}

function jumptoplace(x,y)
{
var la = ge.createLookAt('');
la.set(x,y, 0, ge.ALTITUDE_RELATIVE_TO_GROUND,
25,70,3000);
ge.getView().setAbstractView(la);
}

function initCallback(object) {
ge = object;

ge.getWindow().setVisibility(true);
var layerRoot = ge.getLayerRoot();
layerRoot.enableLayerById(ge.LAYER_TERRAIN, true);
layerRoot.enableLayerById(ge.LAYER_ROADS, false);
layerRoot.enableLayerById(ge.LAYER_BUILDINGS, true);
layerRoot.enableLayerById(ge.LAYER_BORDERS, false);
ge.getOptions().setFlyToSpeed(.25);

var navControl = ge.getNavigationControl();
navControl.setVisibility(ge.VISIBILITY_SHOW);

ge.getOptions().setStatusBarVisibility(true);
ge.getOptions().setOverviewMapVisibility(true);
updateOptions();

var la = ge.createLookAt('');
la.set(33.757742,130.896692, 0, ge.ALTITUDE_RELATIVE_TO_GROUND,
180,60,500);
ge.getView().setAbstractView(la);
}

function failureCallback(object) {
}
function getNL(kmlURL){
var nl = ge.createNetworkLink("");
var link = ge.createLink("");
link.setHref(kmlURL);
nl.setLink(link);
ge.getGlobe().getFeatures().appendChild(nl);
return nl;
}
function finished(object) {
if (!object) {
alert('bad or NULL kml');
return;
}
ge.getFeatures().appendChild(object);
var la = ge.createLookAt('');
la.set(33.757742,130.896692, 0, ge.ALTITUDE_RELATIVE_TO_GROUND,
124.526779936996, 20.9002870679109, 1016.1189360472);
ge.getView().setAbstractView(la);
}
function updateOptions() {
pnetworklink.setVisibility(document.options.panobox.checked);
wmnetworklink.setVisibility(document.options.wmbox.checked);
gehnetworklink.setVisibility(document.options.gehbox.checked);
}
</script>
</head>
<body onload='init()' style="margin:0px;">
<div id='map-holder' style='width: 700px; height: 500px'>
<div id='map3d' style='height: 100%;'></div></div>
<br />
<div onclick="jumptoplace(33.757742,130.896692)" style="cursor:hand; text-align:center; width:700px;" >天然記念物 平尾台へ</div>
</body>
</html>

コメントの投稿

非公開コメント

FC2カウンター
プロフィール

dongwcat

Author:dongwcat
FC2ブログへようこそ!

最新記事
最新コメント
最新トラックバック
カテゴリ
検索フォーム
RSSリンクの表示
リンク
ブロとも申請フォーム

この人とブロともになる

QRコード
QRコード
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。