Google Maps API V3
参考サイト:
Google Maps JavaScript API V3 Service
Markerの消し方
参考サイト：
GoogleMapsApi V3 Reference(日本語)
Map上に円を書く
参考サイト：
円を描く-American Life in the Summertime
複数のマーカーに対してクリックされたらgetJsonする必要があるため
Arrayを使ってマーカーを管理することを考える。
var markers = new Array();
$(document).ready(function(){
google.maps.event.addDomListener(window, 'load', function() {
var z = map.getZoom();
http_connection_getjson(latlng.lat(), latlng.lng(), z, map, markers);
});
// Arrayを使ってここでイベント処理させる
for(i=0; i<marker.length;i++){
// markerクリックイベント処理
google.maps.event.addListener(markers[i], 'click', function() {
// getJsonでhttp通信
str = http_connection_children_child_getjson(
markers[i], map, parent);
// marker情報画面作成
var infowindow = new google.maps.InfoWindow({
content: str,
size: new google.maps.Size(350, 100)
});
infowindow.open(map,marker);
});
});
//
function http_connection_getjson(lat,lng,range, map, markers){
$.getJSON(
"http://---",
{
---
},
function(data) { // 通信成功時にデータを表示
$.each(data.results.message, function(i,item){
markers[i] = new google.maps.Marker({
position: latlng,
map: map,
title: str,
icon: item.item.uri
});
// ここでイベント処理をしない
});
}
);
};
参考サイト
Google maps api v3 official site Marker
参考サイト
Google Maps API Version3(非公式サイト)