情報ウィンドウでのリンクの貼り方

28 views
Skip to first unread message

くろすけ

unread,
Nov 28, 2009, 2:02:18 AM11/28/09
to Google-Maps-API-Japan
くろすけです。
GMap2で作成しています。

http://groups.google.com/group/google-maps-api-japan/browse_thread/thread/e60d461ed8e677d1/34d13fc69d614e9b?lnk=gst&q=%E6%83%85%E5%A0%B1%E3%82%A6%E3%82%A3%E3%83%B3%E3%83%89%E3%82%A6+function#34d13fc69d614e9b
上記サイトを参考にして情報ウィンドウから、作成したリンクからFunctionを呼び出すという事が出来るようになりました。

しかしリンクでなく普通の文字列を追加したいのですが、うまくいきません。
**********************コード*********************
//XXバス停留所の情報ウィンドウ作成
function Ryobistop() {
var html=document.createElement("A");
html.href="#map";
html.onclick=function() {ryobiLoad()};
html.innerHTML="AAAまでの道順";

var ryobimsg=document.createElement("div");
ryobimsg.innerHTML="XXバスの停留所です。ここで降りて下さい。<br />";

var ryobiobj=new GLatLng(34.60437584417622,133.941712975502);
globalmap.setCenter(ryobiobj,18);
globalmap.openInfoWindowHtml(ryobiobj,ryobimsg+html,new GSize
(10,20));
}
**********************************************************
とすると
[object HTMLDivElement]http://*******************
と正しく表示されません。

単純に
var ryobimsg="XXバスの停留所です。ここで降りて下さい。<br />";
としてみると、
XXバスの停留所です。ここで降りて下さい。
http://**********************************
とアドレスが表示されリンクが貼れません。

XXバスの停留所です。ここで降りて下さい。
AAAまでの道順
↑  ↑  ↑  ↑
この一行にリンクが付けば、思い通りの形になるのですが。

何か良い方法は、無いでしょうか?
よろしくお願いします。

Functionは、うまく呼び出せます。

Masashi.K

unread,
Nov 28, 2009, 3:12:57 AM11/28/09
to Google-Maps-API-Japan
function Ryobistop() {
var html = "XXバスの停留所です。ここで降りて下さい。<br />"
+ "<a href='javascript:void(0);' onclick='ryobiLoad();'>AAAまでの道順</
a>";

var ryobiobj=new GLatLng(34.60437584417622,133.941712975502);
globalmap.setCenter(ryobiobj,18);
globalmap.openInfoWindowHtml(ryobiobj, html);
}


これでどうでしょうか。

くろすけ

unread,
Nov 29, 2009, 8:23:06 PM11/29/09
to Google-Maps-API-Japan
自己解決しました。

var ryobimsg=document.createElement("div");
ryobimsg.innerHTML="XXバスの停留所です。ここで降りて下さい。<br />";

 var html=document.createElement("A");
html.href="#map";
html.onclick=function() {ryobiLoad()};
html.innerHTML="AAAまでの道順";


  ryobimsg.appendChild(html);

var ryobiobj=new GLatLng(34.60437584417622,133.941712975502);
globalmap.setCenter(ryobiobj,18);
globalmap.openInfoWindowHtml(ryobiobj,ryobimsg,new GSize(10,20));

で思い通りに表示されました。

ありがとうございました。
Reply all
Reply to author
Forward
0 new messages