こんにちはゲストさん。会員登録(無料)して質問・回答してみよう!

締切り済みの質問

グーグルマップについて教えてください。

【やりたいこと】
グーグルマップとストリートビューを連動するところまではできました。しかし、地図をクリックして取得されるデータをマーカーが出るように設定し所までは良かったのですが、そのマーカーをクリックしても必要なデータが表示されません。どの様にしたらいいでしょうか?
ソースは下記の通りです。

var map;
var myPano;
var panoClient;
var currentLatLng = new GLatLng(35.6829, 139.7653);

window.onload = function() {
load();
loadd();
setEvent();
}

function load() {


map = new GMap2(document.getElementById("mymap"),{draggableCursor:"crosshair"});
map.setCenter(new GLatLng(35.6829, 139.7653), 8);
   map.addControl(new GMapTypeControl());
   map.addControl(new GLargeMapControl3D());
   streetview = new GStreetviewOverlay();
   map.addOverlay(streetview);
map.addControl(new GOverviewMapControl(new GSize(200,200)));
}

function loadd() {

    myPano = new GStreetviewPanorama(document.getElementById("pano"));
GEvent.addListener(map,"click", function(overlay,point) {
currentLatLng=point;
myPano.setLocationAndPOV(currentLatLng);
map.setCenter(currentLatLng);
});
}

function createGMarker(title, html, lat, lng) {
var infoObj = new Object();
infoObj.title = title;
var gpObj = new GLatLng(lat, lng);
var marker = new GMarker(gpObj, infoObj);
map.addOverlay(marker);
GEvent.addListener(marker, "click", function() {
marker.openInfoWindowHtml(html);
});
}

投稿日時 - 2009-04-17 04:48:18

QNo.4885686

すぐに回答ほしいです

このQ&Aは役に立ちましたか?

0人が「このQ&Aが役に立った」と投票しています

回答(1)

ANo.1

そのものずばりの解答じゃないですけど
ご参考に
マーカーを移動させてストリートビューを出してます。
<script type="text/javascript" charset="utf-8">
<!--
var map;
var panorama;
var scontainer;
function load() {
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
map.addControl(new GMapTypeControl());
map.addControl(new GLargeMapControl());
map.setCenter(new GLatLng(35.658517, 139.745493), 16);
var street = new GStreetviewOverlay();
map.addOverlay(street);
scontainer = document.getElementById("street");
var spoint = new GLatLng(35.658517, 139.745493);
marker = new GMarker(map.getCenter(),{draggable: true});
map.addOverlay(marker);
GEvent.addListener(marker,"click",function(){
marker.openInfoWindowHtml("XXXXXX");
var point = marker.getLatLng();
map.panTo(point);
panorama = new GStreetviewPanorama(scontainer,{latlng:point});
});
GEvent.addListener(marker,"mouseover",function(){
marker.openInfoWindowHtml("XXXXXX");
});
}
}
// -->
</script>
</head>
<body onload="load()" onunload="GUnload()">
<div id="map" style="width:400px; height:400px; border:2px solid black;"></div>
<div id="street" style="width: 400px; height: 200px; border:2px solid black;"></div>
</body>

投稿日時 - 2009-04-20 17:27:11

あなたにオススメの質問