map表示 重なり zindexについて教えてください

1,564 views
Skip to first unread message

Masahito Katsuragawa

unread,
Oct 2, 2012, 9:09:30 AM10/2/12
to google-map...@googlegroups.com
お世話になります
1.javascript配列からpolygon>情報ウインドウ
2.kmlからIcon>情報ウインドウ
3.クリックからcircle
と表示させています。
1.があると、2.がクリックできません。

・kmlの中に重なりを前面にするコードを書く
・他の方法
ご存知のかた、ご教授頂けると助かります 宜しくお願いします。
サンプルは以下のURLです。テスト中です。
http://www.kikakugai.info/dsy/toba/website/page2.htm

Masashi.K

unread,
Oct 2, 2012, 4:01:48 PM10/2/12
to google-map...@googlegroups.com
情報ウィンドウのz-indexは、以下のようにするとできます。
---------------
var info = new google.maps.InfoWindow();
info.setZIndex(1000); //数字が大きい方が上に表示される
---------------

KML内で情報ウィンドウの重なり順を制御する方法はないです。

■ InfoWindow クラス
https://developers.google.com/maps/documentation/javascript/reference#InfoWindow

2012/10/2 Masahito Katsuragawa <masahito.k...@gmail.com>:
> --
> このメールは Google グループのグループ「Google-Maps-API-Japan」の登録者に送られています。
> このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msg/google-maps-api-japan/-/za69sJv22WsJ
> にアクセスしてください。
> このグループに投稿するには、google-map...@googlegroups.com にメールを送信してください。
> このグループから退会するには、google-maps-api-...@googlegroups.com
> にメールを送信してください。
> 詳細については、http://groups.google.com/group/google-maps-api-japan?hl=ja
> からこのグループにアクセスしてください。

Masahito Katsuragawa

unread,
Oct 2, 2012, 6:21:26 PM10/2/12
to google-map...@googlegroups.com
Masashi.Kさん
いつもありがとうございます。

kml(Icon)全体を、polygonの前に出しアイコンをクリックできるようにすることは
できないのでしょうか
私の説明不足で、すみません  


2012年10月3日水曜日 5時02分11秒 UTC+9 Masashi.K:
情報ウィンドウのz-indexは、以下のようにするとできます。
---------------
var info = new google.maps.InfoWindow();
info.setZIndex(1000);  //数字が大きい方が上に表示される
---------------

KML内で情報ウィンドウの重なり順を制御する方法はないです。

■ InfoWindow クラス
https://developers.google.com/maps/documentation/javascript/reference#InfoWindow

2012/10/2 Masahito Katsuragawa <masahito.k...@gmail.com>:
> お世話になります
> 1.javascript配列からpolygon>情報ウインドウ
> 2.kmlからIcon>情報ウインドウ
> 3.クリックからcircle
> と表示させています。
> 1.があると、2.がクリックできません。
>
> ・kmlの中に重なりを前面にするコードを書く
> ・他の方法
> ご存知のかた、ご教授頂けると助かります 宜しくお願いします。
> サンプルは以下のURLです。テスト中です。
> http://www.kikakugai.info/dsy/toba/website/page2.htm
>
> --
> このメールは Google グループのグループ「Google-Maps-API-Japan」の登録者に送られています。
> このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msg/google-maps-api-japan/-/za69sJv22WsJ
> にアクセスしてください。
> このグループに投稿するには、google-maps-api-ja...@googlegroups.com にメールを送信してください。
> このグループから退会するには、google-maps-api-japan+unsubscribe@googlegroups.com

Masashi.K

unread,
Oct 3, 2012, 4:01:40 AM10/3/12
to google-map...@googlegroups.com
試してみました。

Google Maps API 標準の KMLLayerではなく
geoxml3 ライブラリを使うと、うまくできました。

----------
KMLLayer は、URLを指定するとGoogleのクローラがアクセスしに来て
kmlファイルを取得して、画像タイルとしてレンダリングしてくれます。
そして地図上に表示されます。


一方geoxml3ライブラリは、KMLファイルをJavaScript で読み込んで
KMLファイルを分析して、一つずつマーカーを作って地図に描画します。
----------

KMLLayerはPolygonよりも下のレイヤーに描画されますが、
マーカーはPolygonよりも上のレイヤーに描画されるので
ポリゴンの上にあるマーカーをクリックするとマーカーが優先されます。

----------

geoxml3ライブラリの使い方は、このページを参考にしてください。
http://googlemaps.googlermania.com/google_maps_api_v3/ja/map_example_load_kml.html

あと、KMLファイルに <?xml version="1.0" encoding="UTF-8"?> がついていないと
geoxml3ライブラリを使ったときは失敗します。



2012/10/2 Masahito Katsuragawa <masahito.k...@gmail.com>:
>> > このグループに投稿するには、google-map...@googlegroups.com にメールを送信してください。
>> > このグループから退会するには、google-maps-api-...@googlegroups.com
>> > にメールを送信してください。
>> > 詳細については、http://groups.google.com/group/google-maps-api-japan?hl=ja
>> > からこのグループにアクセスしてください。
>
> --
> このメールは Google グループのグループ「Google-Maps-API-Japan」の登録者に送られています。
> このディスカッションをウェブ上で閲覧するには、https://groups.google.com/d/msg/google-maps-api-japan/-/kkEKnj_ItpkJ
> にアクセスしてください。
>
> このグループに投稿するには、google-map...@googlegroups.com にメールを送信してください。
> このグループから退会するには、google-maps-api-...@googlegroups.com
Reply all
Reply to author
Forward
0 new messages