Google マップ アプリにデータ レイヤー/オーバーレイを追加したい。このデータ レイヤーは、写真、Wiki ページ、ツイートなど、何でもかまいません。たとえば、MapMyPicsを見てください。特定の領域を拡大すると、その場所のデータが表示されます。ズームインすると ajax 呼び出しがトリガーされ、サーバーから関連データが取得されると思います。
チュートリアルやオープンソース プロジェクトは大歓迎です。
Google マップ アプリにデータ レイヤー/オーバーレイを追加したい。このデータ レイヤーは、写真、Wiki ページ、ツイートなど、何でもかまいません。たとえば、MapMyPicsを見てください。特定の領域を拡大すると、その場所のデータが表示されます。ズームインすると ajax 呼び出しがトリガーされ、サーバーから関連データが取得されると思います。
チュートリアルやオープンソース プロジェクトは大歓迎です。
リンクは、絶対位置と z インデックスを使用して、css と div で作成されます。たとえば、Google マップが提供する次の例を見てください。
https://developers.google.com/maps/documentation/javascript/examples/overlay-hideshow
Google マップ コンテナの直接の兄弟である #panel div があります。どちらも body 要素の子です。#panel div には次の css があります。
#panel {
background-color: #FFFFFF;
border: 1px solid #999999;
left: 50%;
margin-left: -180px;
padding: 5px;
position: absolute;
top: 5px;
z-index: 5;
}