' + busName + '<\/div>';
GEvent.addListener(marker, 'mouseover', function() {showTooltip(marker);});
GEvent.addListener(marker,"mouseout", function() {tooltip.style.visibility="hidden"});
return marker;
}
function showTooltip(marker) {
tooltip.innerHTML = marker.tooltip;
var point=map.getCurrentMapType().getProjection().fromLatLngToPixel(map.getBounds().getSouthWest(),map.getZoom());
var offset=map.getCurrentMapType().getProjection().fromLatLngToPixel(marker.getPoint(),map.getZoom());
var anchor=marker.getIcon().iconAnchor;
var width=marker.getIcon().iconSize.width;
var pos = new GControlPosition(G_ANCHOR_BOTTOM_LEFT, new GSize(offset.x - point.x - anchor.x -10 + width,- offset.y + point.y +anchor.y -12));
pos.apply(tooltip);
tooltip.style.visibility="visible";
}
if (GBrowserIsCompatible()) {
map = new GMap2(document.getElementById("map"));
var pos = new GControlPosition(G_ANCHOR_TOP_RIGHT, new GSize(10, 40));
map.addControl(new GSmallMapControl(),pos); // large を Small に変更可
map.addControl(new GMapTypeControl());
map.setCenter(new GLatLng(35.661271, 139.696441), 15);
map.enableScrollWheelZoom();
var tooltip = document.createElement("div");
document.getElementById("map").appendChild(tooltip);
tooltip.style.visibility="hidden";
//バス情報
//ポリラインを描画 (赤、太さ1px、不透明度0.7)
var polyline1 = new GPolyline(paths1,'#33FF33',4,0.8);
map.addOverlay(polyline1);
var polyline2 = new GPolyline(paths2,'#0066FF',4,0.8);
map.addOverlay(polyline2);
var polyline3 = new GPolyline(paths3,'#FF6600',4,0.8);
map.addOverlay(polyline3);
var polyline4 = new GPolyline(paths4,'#FF0000',4,0.8);
map.addOverlay(polyline4);
//自作ボタンの追加
map.addControl(new areaControll() );
map.addControl(new listControll() );
map.addControl(new busControll() );
var markerGroups = { "1": [], "2": [], "3": [], "4": [] };
var busIcons = [];
var iconOka = new GIcon();
iconOka.image = '/img/icon_bus_green.png';
iconOka.iconSize = new GSize(24, 24);
iconOka.iconAnchor = new GPoint(12, 10);
iconOka.infoWindowAnchor = new GPoint(0, 0);
busIcons["1"] = iconOka;
var iconMori = new GIcon();
iconMori.image = '/img/icon_bus_blue.png';
iconMori.iconSize = new GSize(24, 24);
iconMori.iconAnchor = new GPoint(12, 10);
iconMori.infoWindowAnchor = new GPoint(0, 0);
busIcons["2"] = iconMori;
var iconHaru = new GIcon();
iconHaru.image = '/img/icon_bus_orange.png';
iconHaru.iconSize = new GSize(24, 24);
iconHaru.iconAnchor = new GPoint(12, 10);
iconHaru.infoWindowAnchor = new GPoint(0, 0);
busIcons["3"] = iconHaru;
var iconYuyake = new GIcon();
iconYuyake.image = '/img/icon_bus_red.png';
iconYuyake.iconSize = new GSize(24, 24);
iconYuyake.iconAnchor = new GPoint(12, 10);
iconYuyake.infoWindowAnchor = new GPoint(0, 0);
busIcons["4"] = iconYuyake;
for (var ib = 0; ib < busstopArr.length; ib++) {
var busObj = busstopArr[ib];
var busType = busObj['type'];
var busNumber = busObj['busNumber'];
var busName = busObj['name'];
var point = new GLatLng( parseFloat(busObj['lat']),parseFloat(busObj['lng']) );
var marker = createBusMarker(point, busName, busType, busNumber);
map.addOverlay(marker);
}
//背景画像を重ねる
//var screenXY = new GScreenPoint(0, 0);
//var overlayXY = new GScreenPoint(0, 0);
//var size = new GScreenSize(944, 555);
//var soverlay = new GScreenOverlay("/topics/img/filter.png", screenXY, overlayXY, size);
//map.addOverlay(soverlay);
var tilelayer = new GTileLayer(new GCopyrightCollection(), 0, 17);
tilelayer.getTileUrl = function() {return "/topics/img/filter.png";};
//tilelayer.getOpacity = function() {return 0.7};
map.addOverlay(new GTileLayerOverlay(tilelayer));
var buslayer = new GTileLayer(new GCopyrightCollection(), 0, 17);
GEvent.addListener(map, "moveend", function() {pointVisibleChange();});
}
function moveMap(lat,lon){
map.panTo(new GLatLng(lat, lon), 14);
//pointVisibleChange();
}
function createMarker(point, label, html, markerIcon) {
var oiw =null;
var opts ={icon:markerIcon}
var marker = new GMarker(point, opts);
GEvent.addListener(marker, "click", function() {marker.openInfoWindowHtml(html);oiw=map.getInfoWindow();});
//GEvent.addListener(marker, "mouseout", function(){if(!oiw || oiw.isHidden())f();else map.closeInfoWindow();});
return marker;
}
function createside_barEntry(marker, label, contentID) {
var div = document.createElement("div");
var html = '' + label + '';
div.innerHTML = html;
div.style.cursor = "pointer";
div.style.marginBottom = "4px";
div.style.padding = "4px";
div.setAttribute("id","pID"+contentID); //表示非表示のトリガにするためのID
GEvent.addDomListener(div, "click", function() {
GEvent.trigger(marker, "click");
});
GEvent.addDomListener(div, "mouseover", function() {
div.style.backgroundColor = "#eaeaea"; // ポインタが乗ったときサイドバー項目の色指定
});
GEvent.addDomListener(div, "mouseout", function() {
div.style.backgroundColor = "#fff";
});
return div;
}
GDownloadUrl("/topics/geomapList.xml", function(data, responseCode) { // XMLファイルの名称・場所
if(responseCode == 200) {
var xml = GXml.parse(data);
var markers = xml.documentElement.getElementsByTagName("item");
var side_bar = document.getElementById("side_bar");
side_bar.innerHTML = "";
for (var i = 0; i < markers.length; i++) {
//var pointerType = markers[i].getElementsByTagName("group_category")[0].firstChild.nodeValue;
var iconCommon = new GIcon();
iconCommon.shadow = "/img/mapIcons/iconShadow.png";
iconCommon.iconSize = new GSize(30, 40);
iconCommon.shadowSize = new GSize(45, 40);
iconCommon.iconAnchor = new GPoint(15, 0);
//iconCommon.iconSize = new GSize(40, 56);
//iconCommon.shadowSize = new GSize(64, 50);
//iconCommon.iconAnchor = new GPoint(18, 27);
iconCommon.infoWindowAnchor = new GPoint(15, 40);
var icon = new GIcon(iconCommon,"/img/mapIcons/pointer_green.png");
var lat = GXml.value( (markers[i].getElementsByTagName("lat"))[0] );
var lng = GXml.value( (markers[i].getElementsByTagName("long"))[0] );
var group_category = "";
var catchCopy = "";
var image = "";
var label = "nanasi";
if (!lat){ //ChromeとFFとでエレメントの取り方が違う
if(markers[i].getElementsByTagName("geo:lat")[0] != undefined && markers[i].getElementsByTagName("geo:long")[0] != undefined){
if(markers[i].getElementsByTagName("geo:lat")[0].firstChild && markers[i].getElementsByTagName("geo:long")[0].firstChild ){
if(markers[i].getElementsByTagName("geo:lat")[0].firstChild !=null && markers[i].getElementsByTagName("geo:long")[0].firstChild !=null){
var lat = markers[i].getElementsByTagName("geo:lat")[0].firstChild.nodeValue ;
var lng = markers[i].getElementsByTagName("geo:long")[0].firstChild.nodeValue ;
}
}
}else{
continue;
}
}
var contentID = markers[i].getElementsByTagName("contentID")[0].firstChild.nodeValue;
if(markers[i].getElementsByTagName("group_category")[0].firstChild){
group_category = markers[i].getElementsByTagName("group_category")[0].firstChild.nodeValue;
}
if(markers[i].getElementsByTagName("catchCopy")[0].firstChild){
catchCopy = markers[i].getElementsByTagName("catchCopy")[0].firstChild.nodeValue;
}
if(markers[i].getElementsByTagName("imagePath_a")[0].firstChild){
image = markers[i].getElementsByTagName("imagePath_a")[0].firstChild.nodeValue;
}
var point = new GLatLng(parseFloat(lat), parseFloat(lng) , marker);
var link = markers[i].getElementsByTagName("link")[0].firstChild.nodeValue;
if (markers[i].getElementsByTagName("title")[0].firstChild){
label = markers[i].getElementsByTagName("title")[0].firstChild.nodeValue;
}
var html = "";
html = html + "
";
//アイコン
if (group_category.indexOf('スポーツ')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconSports.png");
}else if (group_category.indexOf('公園')>-1 || group_category.indexOf('リフレッシュ')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconParks.png");
}else if ( group_category.indexOf('文化')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconCultural.png");
}else if (group_category.indexOf('図書館')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconLibrary.png");
}else if (group_category.indexOf('教育')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconEducation.png");
}else if (group_category.indexOf('エコ')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconEco.png");
}else if (group_category.indexOf('菜園')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconFarm.png");
}else if (group_category.indexOf('地域')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconTownship.png");
}else if (group_category.indexOf('高齢者')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconSilver.png");
}else if (group_category.indexOf('子育')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconBaby.png");
}else if (group_category.indexOf('障害')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconVolunteer.png");
}else if (group_category.indexOf('医療')>-1 || group_category.indexOf('保健')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconHospital.png");
}else if (group_category.indexOf('女性')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconWomen.png");
}else if (group_category.indexOf('就労')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconWorks.png");
}else if (group_category.indexOf('宿泊')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconHotel.png");
}else if (group_category.indexOf('区役所')>-1 || group_category.indexOf('出張所')>-1 ){
var icon = new GIcon(iconCommon,"/img/mapIcons/iconPublicOffice.png");
}
var marker = createMarker(point, label, html , icon);
map.addOverlay(marker);
var side_barEntry = createside_barEntry(marker, label, contentID);
side_bar.appendChild(side_barEntry);
//buzzXMLに表示するための仕組み(配列に施設情報をいれておく）
var elementMap = new Object();
elementMap["image"] = image;
elementMap["title"] = label;
elementMap["link"] = link;
elementMap["lat"] = lat;
elementMap["lng"] = lng;
elementMap["contentID"] = contentID;
elementMap["group_category"] = group_category;
elementMap["catchCopy"] = catchCopy;
dataMap[link] = elementMap;
if(categoryMap[group_category]){
var ar = new Array();
ar = categoryMap[group_category];
ar.push(link);
categoryMap[group_category] = ar;
}else{
var ar = new Array();
ar.push(link);
categoryMap[group_category] = ar;
}
//alert(categoryMap[group_category]);
}
//Buzz用のXMLを読み込む
google.setOnLoadCallback(initialize);
//pointVisibleChange();
} else if(responseCode == -1) {
alert("タイムアウトしました。後ほど再試行してください。");
} else {
alert("エラーです。XMLファイルを確認してください。");
}
});
function showList(){
var html="";
for (var k in categoryMap){ //該当カテゴリの数分作業
//alert(k); //key
html += "
"+k+"
";
var categoryLinkArr = categoryMap[k]; //該当カテゴリ含まれる施設のリンク配列
for (var key in twittLinkMap){ //twitterの順番保持マップでループ
var url = key;
if ( (categoryLinkArr.toString()).indexOf(url)>-1 ){
var hashMap = dataMap[url];
html += "
"; //施設情報HTMLの作成（前半）
html += "
"+hashMap["title"]+"
";
if (hashMap["image"]!="/c2msuploaded/"){
html = html+ "
![]("+map["image"] + ")
";
}
//twitterの数分出す
var mapArr = twittMap[url]; //twitterの内容保持マップから内容配列を取得
//alert(mapArr);
for (i=0;i
";
//html = html+ mapArr["title"];
html = html+ ""+mapElement["desc"]+"
";
html = html+ ""+mapElement["pubData"]+"
";
html = html+ "";
}
html = html+ "
![](\""+image+"\")
";
}
html = html + label;
html = html + "";
html = html + "