中小企業の働き方改革をサポート>>

お世話になります。
DBに登録したマーカーデータを取り出して
グーグルマップに表示するツールを作ったのですが、
マーカーをクリックしてインフォメーションウィンドウを表示すると
「吹き出し」の形が切れ目が入ったように崩れてしまいます。
またそこには取り出したデータを表示もするのですが、
ドラッグして反転させないと見えない状態です。(単に文字色が白?)
以下がプログラムの内容になりますが、何かわかることがありましたらご指摘願えないでしょうか?
よろしくお願い致します。

var map
function startUp(){
map = new GMap2(document.getElementById("map"));
map.setCenter(new GLatLng(35.618, 139.7672), 10);
map.addControl(new GSmallMapControl());
map.addControl(new GMapTypeControl());
map.addControl(new GScaleControl());
map.enableDoubleClickZoom();

GDownloadUrl("load.php", function(doc, stat){
eval("load=" + doc);
for(var i=0; i<load.data.length; i++){
var mk = makeMarker(load.data[i].lat, load.data[i].lng, load.data[i].name);
map.addOverlay(mk);
}
});
}

function makeMarker(lat, lng, name){
var point = new GLatLng(lat,lng);
var marker = new GMarker(point);

GEvent.addListener(marker, "click", function(){
marker.openInfoWindowHtml("緯度:" + lat + "<br>経度:" + lng + "<br>施設名:" + name);
});
return marker;
}

本当はわざわざ関数化することなく下のようにやりたいのですがエラーになるので上のようにしています。
var mk = new GMarker(new GLatLng(load.data[i].lat, load.data[i].lng));
map.addOverlay(mk);

このQ&Aに関連する最新のQ&A

A 回答 (2件)

同じ現象で今日午前中悩んでいましたが、解決しました。



私の原因は宣言に問題がありIE6ではレイアウト崩れが起こりました。
【A】のソースを【B】に書き換えれば解決しました。

【A】
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml" lang="ja-JP" xml:lang="ja-JP">
<head>

【B】
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dt …
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    • good
    • 0

ありますねぇ、そういう事。


画像でも何でもすぐ飛び出してしまう(笑。

なかなかうまい体裁になりませんが、私の場合はウィンドウの中を例えば div要素で囲んでスタイル設定したりしています。高さを予め設定しておけばはみ出る事は無くなるのですが、情報量が少ないときちょっと間抜けだったりします(笑。
ある程度情報料が決まっている時(画像の大きさや文字数がだいたい同じ)には有効かと思います。
    • good
    • 0
この回答へのお礼

遅くなりました。回答ありがとうございます。

私の場合、テーブルで簡単なレイアウトをしたHTMLを埋め込んでいるのですがここではもちろん幅等を設定しているのですが崩れてしまいます。
openInfoWindowTabsHtmlにしてみるとさらに変なところに曲線が表れたりでよりおかしくなります。
基本的には吹き出しの背景を構成している画像の一つ一つ(中央の長方形、角の曲線部分)が微妙に揃っていなくて、そのずれた部分で後ろのマップが透けて見えているのでなんともみっともないんです。
もっと特異な処理上の不具合かと思ったのですが、レイアウトの調整次第で直せるのであればそちらでいろいろ試してみます。
ご意見ありがとうございました。

お礼日時:2007/07/27 22:58

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング