1595 lines
48 KiB
Smarty
1595 lines
48 KiB
Smarty
{***************************************************************************
|
|
* You can find the license in the docs directory
|
|
*
|
|
* Unicode Reminder メモ
|
|
*
|
|
* TODO:
|
|
* - implement all GM-controls as GControl (tmd_*, rqc_*)
|
|
* - show wait dialog while requesting data from OC
|
|
* - save and load all search options
|
|
* - html-popup inactive
|
|
* - ignore/owned/found in post filter?
|
|
* - download as GPX etc.pp.
|
|
* - smaller icons with any caches shown
|
|
* - implement fullscreen
|
|
* - monitor and improve DB cleanup
|
|
* - review/rewrite mapsubmit_click
|
|
* - rewrite function names
|
|
* - use resultid in each map.php query
|
|
* - check if slave db connection works as expected (especially sys_repl_exclude / master connection)
|
|
* - save and load search config from different profiles that the user can modify
|
|
* - show labels inside the map
|
|
* - GPX download of current view
|
|
* - save and load current view
|
|
* - switch current options/view to search result page
|
|
***************************************************************************}
|
|
{* OCSTYLE *}
|
|
<script type="text/javascript" src="resource2/{$opt.template.style}/js/wz_tooltip.js"></script>
|
|
<script type="text/javascript" src="resource2/{$opt.template.style}/js/tip_balloon.js"></script>
|
|
<script type="text/javascript" src="resource2/{$opt.template.style}/js/tip_centerwindow.js"></script>
|
|
|
|
|
|
|
|
{literal}
|
|
<script type="text/javascript">
|
|
<!--
|
|
|
|
function ajaxLoad( url, callback, postData )
|
|
{
|
|
var http_request = false;
|
|
|
|
if (window.XMLHttpRequest)
|
|
{ // Mozilla, Safari, ...
|
|
http_request = new XMLHttpRequest();
|
|
}
|
|
else if (window.ActiveXObject)
|
|
{ // IE
|
|
try {
|
|
http_request = new ActiveXObject("Msxml2.XMLHTTP");
|
|
} catch (e) {
|
|
try {
|
|
http_request = new ActiveXObject("Microsoft.XMLHTTP");
|
|
} catch (e) {}
|
|
}
|
|
}
|
|
if (!http_request)
|
|
{
|
|
alert('Giving up :( Cannot create an XMLHTTP instance');
|
|
return false;
|
|
}
|
|
|
|
http_request.onreadystatechange = function() {
|
|
if (http_request.readyState == 4)
|
|
{
|
|
if (http_request.status == 200)
|
|
{
|
|
callback(http_request.responseText, http_request.status);
|
|
}
|
|
else
|
|
{
|
|
alert('Request Failed: ' + http_request.status);
|
|
}
|
|
}
|
|
};
|
|
|
|
if (postData)
|
|
{ // POST
|
|
http_request.open('POST', url, true);
|
|
http_request.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
|
|
http_request.send(postData);
|
|
}
|
|
else
|
|
{
|
|
http_request.open('GET', url, true);
|
|
http_request.send(null);
|
|
}
|
|
}
|
|
|
|
/**
|
|
* This functions wraps XMLHttpRequest open/send function.
|
|
* It lets you specify a URL and will call the callback if
|
|
* it gets a status code of 200.
|
|
* @param {String} url The URL to retrieve
|
|
* @param {Function} callback The function to call once retrieved.
|
|
*/
|
|
function downloadUrl( url, callback, postbody )
|
|
{
|
|
ajaxLoad( url, callback, postbody );
|
|
//GDownloadUrl( url, callback );
|
|
};
|
|
|
|
function downloadUrl2(url, callback, postbody) {
|
|
ajaxLoad( url, callback, postbody );
|
|
//GDownloadUrl( url, callback, postbody );
|
|
};
|
|
|
|
/**
|
|
* Parses the given XML string and returns the parsed document in a
|
|
* DOM data structure. This function will return an empty DOM node if
|
|
* XML parsing is not supported in this browser.
|
|
* @param {string} str XML string.
|
|
* @return {Element|Document} DOM.
|
|
*/
|
|
function xmlParse( str )
|
|
{
|
|
if (typeof ActiveXObject != 'undefined' && typeof GetObject != 'undefined')
|
|
{
|
|
var doc = new ActiveXObject('Microsoft.XMLDOM');
|
|
doc.loadXML(str);
|
|
return doc;
|
|
}
|
|
|
|
if (typeof DOMParser != 'undefined')
|
|
{
|
|
return (new DOMParser()).parseFromString(str, 'text/xml');
|
|
}
|
|
|
|
return createElement('div', null);
|
|
};
|
|
|
|
|
|
var mnInitLat = {/literal}{$nGMInitLat}{literal};
|
|
var mnInitLon = {/literal}{$nGMInitLon}{literal};
|
|
var mnInitZoom = {/literal}{$nGMInitZoom}{literal};
|
|
var mbInitCookiePos = {/literal}{$bGMInitCookiePos}{literal};
|
|
var msInitWaypoint = "{/literal}{$sGMInitWaypoint}{literal}";
|
|
var msInitType = '';
|
|
|
|
/* home coordinates */
|
|
var mnUserLat = {/literal}{$nUserLat}{literal};
|
|
var mnUserLon = {/literal}{$nUserLon}{literal};
|
|
|
|
var msSearchHint = "{/literal}{t escape=js}Search for city, cache or waypoint{/t}{literal}";
|
|
var mbResetSearchTextOnFocus = false;
|
|
var msPermalink = 'map2.php';
|
|
|
|
var msInitCookieLastPosName = 'ocgmlastpos';
|
|
var msInitCookieConfigName = 'ocgmconfig';
|
|
if (!navigator.cookieEnabled)
|
|
{
|
|
msInitCookieLastPosName = '';
|
|
msInitCookieConfigName = '';
|
|
}
|
|
|
|
var moGeocoder = new google.maps.Geocoder();
|
|
var moSearchList = null;
|
|
var maSearchListCoords = new Array();
|
|
var moMapSearch = null;
|
|
var moMap = null;
|
|
var moInfoWindow = null;
|
|
var moMarkerList = new Array();
|
|
var msPopupMarkerWP = '';
|
|
|
|
var mnMapWidth = 770;
|
|
var mnMapHeight = 600;
|
|
|
|
// id of search.php result
|
|
var msURLSearchPHP = 'search.php';
|
|
var msURLMapPHP = 'map2.php';
|
|
var mnResultId = 0;
|
|
var mbDataDownloadHaveSecondChance = false;
|
|
var mbDataDownloadStartTime;
|
|
var moDataLoadTimer = null;
|
|
var copyrightDiv = null;
|
|
var mnMaxDownloadCount = 500;
|
|
var mbDownloadEnabled = false;
|
|
|
|
function cookieLoad()
|
|
{
|
|
if (msInitCookieConfigName == '')
|
|
return;
|
|
|
|
var sCookieContent = document.cookie.split(";");
|
|
for (var nIndex = 0; nIndex < sCookieContent.length; nIndex++)
|
|
{
|
|
var sCookieValue = trim(sCookieContent[nIndex]).split("=");
|
|
if (sCookieValue[0] == msInitCookieLastPosName)
|
|
{
|
|
var sSavedLastPos = sCookieValue[1];
|
|
if (mbInitCookiePos == 1)
|
|
{
|
|
var sValues = sSavedLastPos.split(":");
|
|
mnInitZoom = parseInt(sValues[0]);
|
|
mnInitLon = parseFloat(sValues[1]);
|
|
mnInitLat = parseFloat(sValues[2]);
|
|
}
|
|
}
|
|
else if (sCookieValue[0] == msInitCookieConfigName)
|
|
{
|
|
msInitType = sCookieValue[1];
|
|
}
|
|
}
|
|
}
|
|
|
|
function cookieSave()
|
|
{
|
|
if (msInitCookieConfigName == '')
|
|
return;
|
|
|
|
var oCenterPos = moMap.getCenter();
|
|
var nZoomLevel = moMap.getZoom();
|
|
var dCookieExp = new Date(2049, 12, 31);
|
|
|
|
document.cookie = msInitCookieConfigName + "=" + moMap.getMapTypeId() + ";expires=" + dCookieExp.toUTCString();
|
|
document.cookie = msInitCookieLastPosName + "=" + nZoomLevel + ":" + oCenterPos.lng() + ":" + oCenterPos.lat() + ";expires=" + dCookieExp.toUTCString();
|
|
|
|
msPermalink = msURLMapPHP + "?lat=" + oCenterPos.lat() + "&lon=" + oCenterPos.lng() + "&zoom=" + nZoomLevel + "&map=" + encodeURI(moMap.getMapTypeId);
|
|
|
|
var oPermalinkTextBox = document.getElementById('permalink_text');
|
|
if (oPermalinkTextBox)
|
|
oPermalinkTextBox.value = "{/literal}{$opt.page.absolute_url}{literal}" + msPermalink;
|
|
}
|
|
|
|
|
|
function mapLoad()
|
|
{
|
|
cookieLoad();
|
|
|
|
var myOptions = {
|
|
zoom: mnInitZoom,
|
|
center: new google.maps.LatLng( mnInitLat, mnInitLon ),
|
|
mapTypeControlOptions: {
|
|
mapTypeIds: ['OSM', google.maps.MapTypeId.ROADMAP, google.maps.MapTypeId.SATELLITE, google.maps.MapTypeId.HYBRID, google.maps.MapTypeId.TERRAIN]
|
|
},
|
|
mapTypeId: google.maps.MapTypeId.ROADMAP,
|
|
streetViewControl: false
|
|
};
|
|
|
|
moMap = new google.maps.Map( document.getElementById("map"), myOptions);
|
|
OSM_addMapType();
|
|
|
|
moInfoWindow = new google.maps.InfoWindow();
|
|
|
|
moSearchList = document.getElementById('mapselectlist');
|
|
moMapSearch = document.getElementById('mapsearch');
|
|
|
|
rqc_initialize(moMap);
|
|
tmd_initialize(moMap);
|
|
|
|
// Create div for showing copyrights.
|
|
copyrightDiv = document.createElement("div");
|
|
copyrightDiv.id = "map-copyright";
|
|
copyrightDiv.style.fontSize = "11px";
|
|
copyrightDiv.style.fontFamily = "Arial, sans-serif";
|
|
copyrightDiv.style.margin = "0 2px 2px 0";
|
|
copyrightDiv.style.whiteSpace = "nowrap";
|
|
copyrightDiv.style.background = "#FFFFFF";
|
|
moMap.controls[google.maps.ControlPosition.BOTTOM_RIGHT].push(copyrightDiv);
|
|
|
|
moMap.setCenter( new google.maps.LatLng(mnInitLat, mnInitLon) );
|
|
moMap.setZoom( mnInitZoom );
|
|
moMap.setMapTypeId( map_GetMapTypeByName(msInitType) );
|
|
|
|
google.maps.event.addListener(moMap, "dragstart", function(){map_movestart()});
|
|
google.maps.event.addListener(moMap, "dragend", function(){map_moveend()});
|
|
google.maps.event.addListener(moMap, "zoom_changed", function(){map_moveend()});
|
|
google.maps.event.addListener(moMap, "maptypeid_changed", function(){map_maptypechanged()});
|
|
|
|
/* hack to suppress google's info windows, when clicking on POIs */
|
|
/* inspired by http://stackoverflow.com/questions/7950030/can-i-remove-just-the-popup-bubbles-of-pois-in-google-maps-api-v3 */
|
|
/* patch "InfoWindow.open"-method such that a window is only opened if "force" is true */
|
|
{
|
|
var proto = google.maps.InfoWindow.prototype,
|
|
open = proto.open;
|
|
proto.open = function( map, anchor, force ) {
|
|
if( force ) {
|
|
return open.apply( this, arguments );
|
|
}
|
|
}
|
|
}
|
|
/**/
|
|
|
|
if (msInitWaypoint != "")
|
|
{
|
|
show_cachepopup_wp(msInitWaypoint, true);
|
|
}
|
|
|
|
if (moMapSearch)
|
|
{
|
|
moMapSearch.value = msSearchHint;
|
|
}
|
|
|
|
updateCopyrights();
|
|
|
|
cookieSave();
|
|
|
|
moDataLoadTimer = window.setTimeout('data_load()', 2000);
|
|
}
|
|
|
|
function updateCopyrights()
|
|
{
|
|
if( copyrightDiv == null )
|
|
{
|
|
return;
|
|
}
|
|
|
|
newMapType = moMap.getMapTypeId();
|
|
|
|
if( newMapType == "OSM" )
|
|
{
|
|
copyrightDiv.innerHTML = "Map data (C) by <a href=\"http://www.openstreetmap.org/\">OpenStreetMap.org</a> and its contributors";
|
|
}
|
|
else
|
|
{
|
|
copyrightDiv.innerHTML = "";
|
|
}
|
|
}
|
|
|
|
function map_GetMapTypeByName(sName)
|
|
{
|
|
if( sName == google.maps.MapTypeId.HYBRID ||
|
|
sName == google.maps.MapTypeId.SATELLITE ||
|
|
sName == google.maps.MapTypeId.ROADMAP ||
|
|
sName == google.maps.MapTypeId.TERRAIN ||
|
|
sName == "OSM" )
|
|
{
|
|
return sName;
|
|
}
|
|
else
|
|
{
|
|
return google.maps.MapTypeId.HYBRID;
|
|
}
|
|
}
|
|
|
|
function map_movestart()
|
|
{
|
|
window.clearTimeout(moDataLoadTimer);
|
|
}
|
|
|
|
function map_moveend()
|
|
{
|
|
cookieSave();
|
|
|
|
if (!rqc_visible())
|
|
moDataLoadTimer = window.setTimeout('data_load()', 500);
|
|
}
|
|
|
|
function map_maptypechanged()
|
|
{
|
|
updateCopyrights();
|
|
cookieSave();
|
|
}
|
|
|
|
function center_home()
|
|
{
|
|
if( mnUserLat != 0 || mnUserLon != 0 )
|
|
{
|
|
moMap.setCenter( new google.maps.LatLng(mnUserLat, mnUserLon) );
|
|
moMap.setZoom( 12 );
|
|
}
|
|
else
|
|
{
|
|
alert( "no home coordinates!" );
|
|
}
|
|
}
|
|
|
|
function fullscreen_click()
|
|
{
|
|
window.open(msPermalink.replace(/map2full\.php/, 'map2.php').replace(/&mode=fullscreen/, '') ,'_self');
|
|
}
|
|
|
|
function showPermlinkBox_click()
|
|
{
|
|
var oBox = document.getElementById('permalink_box');
|
|
|
|
if (window.opera)
|
|
{
|
|
document.getElementById('permalink_addFavorites').style.display = 'none';
|
|
}
|
|
else
|
|
{
|
|
if ((typeof window.external.AddFavorite == 'undefined') &&
|
|
(typeof window.external.addPanel == 'undefined'))
|
|
{
|
|
document.getElementById('permalink_addFavorites').style.display = 'none';
|
|
}
|
|
}
|
|
|
|
if (oBox.style.display == 'none')
|
|
oBox.style.display = 'block';
|
|
else
|
|
oBox.style.display = 'none';
|
|
}
|
|
|
|
function addFavorites_click()
|
|
{
|
|
var sLink = document.getElementById('permalink_text').value;
|
|
var sTitle = '{/literal}{$opt.page.title} - {t escape=js}Map{/t}{literal}';
|
|
|
|
if (typeof window.external.AddFavorite != 'undefined')
|
|
window.external.AddFavorite(sLink, sTitle);
|
|
|
|
if (typeof window.external.addPanel != 'undefined')
|
|
window.external.addPanel(sTitle, sLink, '');
|
|
}
|
|
|
|
function openPermalink_click()
|
|
{
|
|
window.location = document.getElementById('permalink_text').value;
|
|
}
|
|
|
|
function mapselectlist_onblur()
|
|
{
|
|
mapselectlist_hide();
|
|
}
|
|
|
|
function mapselectlist_clear()
|
|
{
|
|
while (moSearchList.length>0)
|
|
moSearchList.options[0] = null;
|
|
maSearchListCoords = new Array();
|
|
}
|
|
|
|
function add_searchlist_itemcoords(nLat, nLon, sWaypoint, sText)
|
|
{
|
|
var aItem = new Array();
|
|
aItem['lat'] = nLat;
|
|
aItem['lon'] = nLon;
|
|
aItem['wp'] = sWaypoint;
|
|
aItem['text'] = sText;
|
|
|
|
maSearchListCoords[maSearchListCoords.length] = aItem;
|
|
return maSearchListCoords.length-1;
|
|
}
|
|
|
|
function mapselectlist_show()
|
|
{
|
|
moSearchList.style.display = "block";
|
|
}
|
|
|
|
function mapselectlist_hide()
|
|
{
|
|
moSearchList.style.display = "none";
|
|
}
|
|
|
|
function mapselectlist_onchange()
|
|
{
|
|
for (var nIndex=0; nIndex<moSearchList.length; nIndex++)
|
|
{
|
|
if (moSearchList.options[nIndex].selected)
|
|
{
|
|
if (moSearchList.options[nIndex].value == -1)
|
|
return;
|
|
|
|
var sText = moSearchList.options[nIndex].text;
|
|
var nCoordsIndex = moSearchList.options[nIndex].value;
|
|
document.getElementById('mapsearch').value = trim(sText);
|
|
mbResetSearchTextOnFocus = true;
|
|
mapselectlist_hide();
|
|
|
|
// go to the location
|
|
searchlist_openitem(nCoordsIndex);
|
|
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
function searchlist_openitem(nIndex)
|
|
{
|
|
var nLat = maSearchListCoords[nIndex]['lat'];
|
|
var nLon = maSearchListCoords[nIndex]['lon'];
|
|
var sWaypoint = maSearchListCoords[nIndex]['wp'];
|
|
var sText = maSearchListCoords[nIndex]['text'];
|
|
|
|
if (sWaypoint != '')
|
|
{
|
|
show_cachepopup_wp(sWaypoint, true);
|
|
|
|
data_load();
|
|
}
|
|
else
|
|
{
|
|
var oCoords = new google.maps.LatLng(nLat, nLon);
|
|
moMap.setCenter(oCoords, 13);
|
|
|
|
moInfoWindow.close();
|
|
moInfoWindow = new google.maps.InfoWindow({ position: oCoords, content: xmlentities(sText) });
|
|
moInfoWindow.open( moMap, null, true );
|
|
|
|
data_load();
|
|
}
|
|
}
|
|
|
|
function mapsubmit_click()
|
|
{
|
|
var sSearchText = moMapSearch.value;
|
|
var oTempOption;
|
|
|
|
if (!moMap) return;
|
|
|
|
if (msSearchHint==sSearchText || sSearchText=='')
|
|
{
|
|
alert('{t escape=js}Enter a search text, please!{/t}');
|
|
return;
|
|
}
|
|
|
|
// check for geocaching waypoint
|
|
if (sSearchText.match(/^OC[\S]{1,}$/i) ||
|
|
sSearchText.match(/^GC[\S]{1,}$/i) ||
|
|
sSearchText.match(/^N[0-9]{1,5}$/i))
|
|
{
|
|
show_cachepopup_wp(sSearchText, true);
|
|
return;
|
|
}
|
|
|
|
// do search on opencaching.de
|
|
// TODO: ensure mnResultId is set
|
|
var oCenterPos = moMap.getCenter();
|
|
|
|
ajaxLoad(msURLMapPHP + "?mode=namesearch&name=" + encodeURI(sSearchText) + "&lat=" + oCenterPos.lat() + "&lon=" + oCenterPos.lng() + "&resultid=" + mnResultId,
|
|
function(data, responseCode) {
|
|
var xml = xmlParse(data);
|
|
var caches = xml.documentElement.getElementsByTagName("cache");
|
|
|
|
// clear the result list
|
|
mapselectlist_clear();
|
|
|
|
if (caches.length>0)
|
|
{
|
|
//TODO: translate
|
|
oTempOption = new Option("Gefundene Geocaches", -1);
|
|
oTempOption.style.color = "gray";
|
|
moSearchList.options[moSearchList.length] = oTempOption;
|
|
|
|
for (var nCacheIndex=0; nCacheIndex<caches.length; nCacheIndex++)
|
|
{
|
|
var name = caches[nCacheIndex].getAttribute("name");
|
|
var wpoc = caches[nCacheIndex].getAttribute("wpoc");
|
|
var text = name + " (" + wpoc + ")";
|
|
var value = add_searchlist_itemcoords(0, 0, wpoc, text);
|
|
var item = new Option(" " + text, value);
|
|
item.style.marginLeft = "20px";
|
|
moSearchList.options[moSearchList.length] = item;
|
|
}
|
|
|
|
if (caches.length >= 30)
|
|
{
|
|
var item = new Option(" {/literal}{t escape=js}Some more items found...{/t}{literal}", -1);
|
|
item.style.marginLeft = "20px";
|
|
item.style.color = "gray";
|
|
moSearchList.options[moSearchList.length] = item;
|
|
}
|
|
}
|
|
|
|
// do search on google
|
|
moGeocoder.geocode( { 'address': sSearchText },
|
|
function(results, status)
|
|
{
|
|
if (status == google.maps.GeocoderStatus.ZERO_RESULTS)
|
|
{
|
|
// no result
|
|
}
|
|
else if (status != google.maps.GeocoderStatus.OK)
|
|
{
|
|
//TODO: translate
|
|
alert("Fehler während der Suche!");
|
|
return;
|
|
}
|
|
|
|
var nPlacemarksCount = 0;
|
|
var nPlacemarkIndex;
|
|
|
|
if (status == google.maps.GeocoderStatus.OK)
|
|
nPlacemarksCount = results.length;
|
|
|
|
if (nPlacemarksCount>0)
|
|
{
|
|
//TODO: translate
|
|
oTempOption = new Option("Gefundene Orte (Google)", -1);
|
|
oTempOption.style.color = "gray";
|
|
moSearchList.options[moSearchList.length] = oTempOption;
|
|
|
|
for (nPlacemarkIndex=0; nPlacemarkIndex<nPlacemarksCount; nPlacemarkIndex++)
|
|
{
|
|
var coord = results[nPlacemarkIndex].geometry.location;
|
|
var text = results[nPlacemarkIndex].formatted_address;
|
|
var value = add_searchlist_itemcoords(coord.lat(), coord.lng(), "", text);
|
|
var item = new Option(" " + text, value);
|
|
item.style.marginLeft = "20px";
|
|
moSearchList.options[moSearchList.length] = item;
|
|
}
|
|
}
|
|
|
|
if (moSearchList.length==0)
|
|
{
|
|
mapselectlist_hide();
|
|
//TODO: translate
|
|
alert("'" + sSearchText + "' mit den unten ausgewählten Suchkriterien nicht gefunden!");
|
|
return;
|
|
}
|
|
else if (maSearchListCoords.length==1)
|
|
{
|
|
mapselectlist_hide();
|
|
searchlist_openitem(0);
|
|
return;
|
|
}
|
|
|
|
// adjust size
|
|
if (moSearchList.length>15)
|
|
moSearchList.size = 15;
|
|
else
|
|
moSearchList.size = moSearchList.length;
|
|
|
|
mapselectlist_show();
|
|
});
|
|
});
|
|
}
|
|
|
|
function show_cachepopup_wp(sWaypoint, bAllowZoomChange)
|
|
{
|
|
show_cachepopup_url(msURLMapPHP + "?mode=wpsearch&wp=" + sWaypoint, sWaypoint, bAllowZoomChange);
|
|
}
|
|
|
|
function show_cachepopup_latlon(nLat, nLon, bAllowZoomChange)
|
|
{
|
|
show_cachepopup_url(msURLMapPHP + "?mode=locate&lat=" + nLat + "&lon=" + nLon, "", bAllowZoomChange);
|
|
}
|
|
|
|
function show_cachepopup_url(sURL, sWaypoint, bAllowZoomChange)
|
|
{
|
|
moInfoWindow.close();
|
|
|
|
ajaxLoad(sURL, function(data, responseCode) {
|
|
var oXML = xmlParse(data);
|
|
var oCoords = parseXML_GetPoint(oXML);
|
|
if (!oCoords)
|
|
{
|
|
if (sWaypoint != '')
|
|
{
|
|
var sMessage = '{t escape=js}Waypoint %1 not found!{/t}';
|
|
sMessage = sMessage.replace(/%1/, sWaypoint);
|
|
alert(sMessage);
|
|
}
|
|
|
|
return;
|
|
}
|
|
|
|
msPopupMarkerWP = parseXML_GetWaypoint(oXML);
|
|
|
|
if (bAllowZoomChange==true)
|
|
moMap.setCenter(oCoords, 13);
|
|
|
|
var oPopupHTML = parseXML_GetHTML(oXML);
|
|
|
|
moInfoWindow = new google.maps.InfoWindow({ position: oCoords, content: oPopupHTML });
|
|
moInfoWindow.open( moMap, null, true );
|
|
});
|
|
}
|
|
|
|
function download_gpx()
|
|
{
|
|
var oBounds = moMap.getBounds();
|
|
var params = get_searchfilter_params('gpx', false, true);
|
|
|
|
if (mbDownloadEnabled == false)
|
|
return;
|
|
|
|
params += '&bbox=' + oBounds.getSouthWest().lng() + ',' + oBounds.getSouthWest().lat() + ',' + oBounds.getNorthEast().lng() + ',' + oBounds.getNorthEast().lat();
|
|
params += '&count=max';
|
|
|
|
location.href = msURLSearchPHP + '?' + params;
|
|
}
|
|
|
|
function parseXML_GetWaypoint(xmlobject)
|
|
{
|
|
var aCaches = xmlobject.documentElement.getElementsByTagName("cache");
|
|
if (aCaches.length<1)
|
|
return false;
|
|
return aCaches[0].getAttribute("wpoc");
|
|
}
|
|
|
|
function parseXML_GetHTML(xmlobject)
|
|
{
|
|
var aCaches = xmlobject.documentElement.getElementsByTagName("cache");
|
|
if (aCaches.length<1)
|
|
return false;
|
|
|
|
var sName = aCaches[0].getAttribute("name");
|
|
var sWPOC = aCaches[0].getAttribute("wpoc");
|
|
var sCoords = aCaches[0].getAttribute("coords");
|
|
var bStatusTNA = aCaches[0].getAttribute("status_tna");
|
|
var sStatusText = aCaches[0].getAttribute("status_text");
|
|
var nTypeId = aCaches[0].getAttribute("type_id");
|
|
var sTypeText = aCaches[0].getAttribute("type_text");
|
|
var sSizeText = aCaches[0].getAttribute("size");
|
|
var nDifficulty = aCaches[0].getAttribute("difficulty");
|
|
var nTerrain = aCaches[0].getAttribute("terrain");
|
|
var sListedSince = aCaches[0].getAttribute("listed_since");
|
|
var nTopRating = aCaches[0].getAttribute("toprating");
|
|
var nGeoKreties = aCaches[0].getAttribute("geokreties");
|
|
var bFound = aCaches[0].getAttribute("found");
|
|
var bNotFound = aCaches[0].getAttribute("notfound");
|
|
var bAttended = aCaches[0].getAttribute("attended");
|
|
var bOwner = aCaches[0].getAttribute("owner");
|
|
var sUsername = aCaches[0].getAttribute("username");
|
|
var nUserId = aCaches[0].getAttribute("userid");
|
|
|
|
var sHtml = "<table>";
|
|
if (bStatusTNA == 1)
|
|
{
|
|
sHtml += "<tr><td colspan='2'><font size='2' color='red'><b>" + xmlentities(sStatusText) + "</b></font></td></tr>";
|
|
sHtml += "<tr><td> </td><td> </td></tr>";
|
|
}
|
|
|
|
sHtml += "<tr><td><img src='resource2/ocstyle/images/cacheicon/16x16-" + nTypeId + ".gif' alt='" + xmlentities(sTypeText) + "' title='" + xmlentities(sTypeText) + "' /> <a href='viewcache.php?wp=" + encodeURI(sWPOC) + "' target='_blank'><font size='2'>" + xmlentities(sName) + "</font></a></td><td align='right' width='60px'><font size='2'><b>" + xmlentities(sWPOC) + "</b></font></td></tr>";
|
|
sHtml += "<tr><td colspan='2'>{/literal}{t escape=js}by{/t}{literal} <a href='viewprofile.php?userid=" + encodeURI(nUserId) + "' target='_blank'>" + xmlentities(sUsername) + "</a></td></tr>";
|
|
sHtml += "<tr><td colspan='2'>" + xmlentities(sTypeText) + " (" + xmlentities(sSizeText) + ") {t escape=js}D/T:{/t} " + parseFloat(nDifficulty).toFixed(1) + "/" + parseFloat(nTerrain).toFixed(1) + "</td></tr>";
|
|
sHtml += "<tr><td colspan='2'>{/literal}{t escape=js}Listed since:{/t}{literal} " + xmlentities(sListedSince) + "</td></tr>";
|
|
|
|
if (bOwner==1)
|
|
sHtml += "<tr><td colspan='2'><img src='resource2/ocstyle/images/misc/16x16-home.png' alt='' /> {/literal}{t escape=js}This cache is yours{/t}{literal}</td></tr>";
|
|
|
|
if (bFound==1)
|
|
sHtml += "<tr><td colspan='2'><img src='resource2/ocstyle/images/viewcache/16x16-found.png' alt='' /> {/literal}{t escape=js}You found this cache{/t}{literal}</td></tr>";
|
|
|
|
if (bNotFound==1)
|
|
sHtml += "<tr><td colspan='2'><img src='resource2/ocstyle/images/viewcache/16x16-dnf.png' alt='' /> {/literal}{t escape=js}You havn't found this cache, yet{/t}{literal}</td></tr>";
|
|
|
|
if (bAttended==1)
|
|
sHtml += "<tr><td colspan='2'><img src='resource2/ocstyle/images/log/16x16-attended.png' alt='' /> {/literal}{t escape=js}You have attended this event!{/t}{literal}</td></tr>";
|
|
|
|
if (nGeoKreties>0)
|
|
sHtml += "<tr><td colspan='2'><img src='resource2/ocstyle/images/viewcache/gk.png' alt='' /> {/literal}{t escape=js}This cache stores a GeoKrety{/t}{literal}</td></tr>";
|
|
|
|
if (nTopRating>0)
|
|
sHtml += "<tr><td colspan='2'><img src='resource2/ocstyle/images/viewcache/rating-star.gif' alt='' /> {/literal}{t escape=js}This cache has %1 recommandations{/t}{literal}</td></tr>".replace(/%1/, nTopRating);
|
|
|
|
sHtml += "</table>";
|
|
|
|
return sHtml;
|
|
}
|
|
|
|
function parseXML_GetPoint(oXMLObject)
|
|
{
|
|
var oCaches = oXMLObject.documentElement.getElementsByTagName("cache");
|
|
|
|
if (oCaches.length<1)
|
|
return false;
|
|
|
|
var oCoords = oCaches[0].getAttribute("coords").split(",");
|
|
var oCoordsYX = new google.maps.LatLng(oCoords[1],oCoords[0]);
|
|
|
|
return oCoordsYX;
|
|
}
|
|
|
|
function OSM_addMapType()
|
|
{
|
|
moMap.mapTypes.set("OSM", new google.maps.ImageMapType({
|
|
getTileUrl: function(coord, zoom) {
|
|
return "http://tile.openstreetmap.org/" + zoom + "/" + coord.x + "/" + coord.y + ".png";
|
|
},
|
|
tileSize: new google.maps.Size(256, 256),
|
|
name: "OSM",
|
|
alt: "OpenStreetMap",
|
|
maxZoom: 18
|
|
}));
|
|
}
|
|
|
|
function mapsearch_onfocus()
|
|
{
|
|
if (moMapSearch.value==msSearchHint || mbResetSearchTextOnFocus==true)
|
|
moMapSearch.value = '';
|
|
mbResetSearchTextOnFocus = false;
|
|
}
|
|
|
|
function mapsearch_onblur()
|
|
{
|
|
if (moMapSearch.value=='')
|
|
moMapSearch.value = msSearchHint;
|
|
}
|
|
|
|
function trim(s)
|
|
{
|
|
while (s.substring(0, 1) == ' ')
|
|
{
|
|
s = s.substring(1, s.length);
|
|
}
|
|
while (s.substring(s.length-1, s.length) == ' ')
|
|
{
|
|
s = s.substring(0, s.length-1);
|
|
}
|
|
return s;
|
|
}
|
|
|
|
function xmlentities(str)
|
|
{
|
|
str = str.replace(/&/, '&');
|
|
str = str.replace(/</, '<');
|
|
str = str.replace(/>/, '>');
|
|
str = str.replace(/"/, '"');
|
|
return str;
|
|
}
|
|
|
|
function attribute_onmousedown(nId, sIcon)
|
|
{
|
|
var oInputElement = document.getElementById('attribute' + nId);
|
|
var oImageElement = document.getElementById('imgattribute' + nId);
|
|
var nValue = oInputElement.value;
|
|
|
|
if (nValue == 1)
|
|
nValue = 2;
|
|
else if (nValue == 2)
|
|
nValue = 3;
|
|
else if (nValue == 3)
|
|
nValue = 1;
|
|
|
|
{/literal}
|
|
if (nValue == 1)
|
|
oImageElement.src = 'resource2/{$opt.template.style}/images/attributes/' + sIcon + '.png';
|
|
else if (nValue == 2)
|
|
oImageElement.src = 'resource2/{$opt.template.style}/images/attributes/' + sIcon + '-no.png';
|
|
else if (nValue == 3)
|
|
oImageElement.src = 'resource2/{$opt.template.style}/images/attributes/' + sIcon + '-disabled.png';
|
|
{literal}
|
|
|
|
oInputElement.value = nValue;
|
|
|
|
filter_changed();
|
|
}
|
|
|
|
function filter_changed()
|
|
{
|
|
// we need a new mnResultId!
|
|
mnResultId = 0;
|
|
msPopupMarkerWP = '';
|
|
|
|
tmd_hide();
|
|
rqc_show();
|
|
data_clear();
|
|
download_enabled(false);
|
|
}
|
|
|
|
// built query string for search.php
|
|
function get_searchfilter_params(output, skipqueryid, zip)
|
|
{
|
|
var sPostBody = 'showresult=1&expert=0&output=' + output + '&utf8=1';
|
|
var sCacheName = document.getElementById('cachename').value;
|
|
|
|
if (skipqueryid)
|
|
sPostBody += '&skipqueryid=1';
|
|
|
|
if (zip)
|
|
sPostBody += '&zip=1';
|
|
|
|
if (sCacheName!='')
|
|
sPostBody += '&searchto=searchbyname&cachename=' + encodeURIComponent(sCacheName);
|
|
else
|
|
sPostBody += '&searchto=searchbynofilter';
|
|
|
|
/* cachetype
|
|
*/
|
|
var nCacheTypeCount = {/literal}{count array=$aCacheType}{literal};
|
|
var sCacheTypes = '';
|
|
for (var i=1; i<=nCacheTypeCount; i++)
|
|
{
|
|
if (document.getElementById('cachetype' + i).checked)
|
|
{
|
|
if (sCacheTypes != '') sCacheTypes += ';';
|
|
sCacheTypes += i;
|
|
}
|
|
}
|
|
sPostBody += '&cachetype=' + sCacheTypes;
|
|
|
|
/* cachesize
|
|
*/
|
|
var nCacheSizeCount = {/literal}{count array=$aCacheSize}{literal};
|
|
var sCacheSizes = '';
|
|
for (var i=1; i<=nCacheSizeCount; i++)
|
|
{
|
|
if (document.getElementById('cachesize' + i).checked)
|
|
{
|
|
if (sCacheSizes != '') sCacheSizes += ';';
|
|
sCacheSizes += i;
|
|
}
|
|
}
|
|
sPostBody += '&cachesize=' + sCacheSizes;
|
|
|
|
/* hide options
|
|
*/
|
|
sPostBody += document.getElementById('f_userowner').checked ? '&f_userowner=1' : '';
|
|
sPostBody += document.getElementById('f_userfound').checked ? '&f_userfound=1' : '';
|
|
sPostBody += document.getElementById('f_ignored').checked ? '&f_ignored=1' : '';
|
|
sPostBody += document.getElementById('f_inactive').checked ? '&f_inactive=1' : '&f_inactive=0';
|
|
sPostBody += document.getElementById('f_otherPlatforms').checked ? '&f_otherPlatforms=1' : '';
|
|
|
|
/* rating options
|
|
*/
|
|
nSelectValue = document.getElementById('terrainmin').value;
|
|
if (nSelectValue != 0) sPostBody += '&terrainmin=' + nSelectValue;
|
|
nSelectValue = document.getElementById('terrainmax').value;
|
|
if (nSelectValue != 0) sPostBody += '&terrainmax=' + nSelectValue;
|
|
nSelectValue = document.getElementById('difficultymin').value;
|
|
if (nSelectValue != 0) sPostBody += '&difficultymin=' + nSelectValue;
|
|
nSelectValue = document.getElementById('difficultymax').value;
|
|
if (nSelectValue != 0) sPostBody += '&difficultymax=' + nSelectValue;
|
|
nSelectValue = document.getElementById('recommendationmin').value;
|
|
if (nSelectValue != 0) sPostBody += '&recommendationmin=' + nSelectValue;
|
|
|
|
/* attributes
|
|
*/
|
|
var sCacheAttribs = '';
|
|
var sCacheAttribsNot = '';
|
|
for (var nCacheAttribIndex=1; nCacheAttribIndex<100; nCacheAttribIndex++)
|
|
{
|
|
if (document.getElementById('attribute' + nCacheAttribIndex))
|
|
{
|
|
var nValue = document.getElementById('attribute' + nCacheAttribIndex).value;
|
|
if (nValue == '1')
|
|
{
|
|
if (sCacheAttribs != '') sCacheAttribs += ';';
|
|
sCacheAttribs += nCacheAttribIndex;
|
|
}
|
|
else if (nValue == '2')
|
|
{
|
|
if (sCacheAttribsNot != '') sCacheAttribsNot += ';';
|
|
sCacheAttribsNot += nCacheAttribIndex;
|
|
}
|
|
}
|
|
}
|
|
sPostBody += '&cache_attribs=' + sCacheAttribs;
|
|
sPostBody += '&cache_attribs_not=' + sCacheAttribsNot;
|
|
|
|
return sPostBody;
|
|
}
|
|
|
|
// built query string for map2.php
|
|
function get_mapfilter_params()
|
|
{
|
|
var oBounds = moMap.getBounds();
|
|
var sPostBody = 'mode=searchresult&resultid=' + mnResultId;
|
|
sPostBody += '&lat1=' + oBounds.getSouthWest().lat();
|
|
sPostBody += '&lat2=' + oBounds.getNorthEast().lat();
|
|
sPostBody += '&lon1=' + oBounds.getSouthWest().lng();
|
|
sPostBody += '&lon2=' + oBounds.getNorthEast().lng();
|
|
return sPostBody;
|
|
}
|
|
|
|
function data_clear()
|
|
{
|
|
document.getElementById('statCachesCount').firstChild.nodeValue = 0;
|
|
|
|
if (msPopupMarkerWP == '')
|
|
{
|
|
// remove every waypoint and popups etc.
|
|
|
|
for (var nIndex=0; nIndex<moMarkerList.length; nIndex++)
|
|
{
|
|
moMarkerList[nIndex].setMap(null);
|
|
}
|
|
moMarkerList = new Array();
|
|
}
|
|
else
|
|
{
|
|
for (var nIndex=0; nIndex<moMarkerList.length; nIndex++)
|
|
{
|
|
var oMarker = moMarkerList[nIndex];
|
|
if (oMarker.getWaypoint() != msPopupMarkerWP)
|
|
{
|
|
oMarker.setMap(null);
|
|
}
|
|
}
|
|
}
|
|
}
|
|
|
|
|
|
/* delete all markers, except those specified in "wpset". return the set of remaining markers */
|
|
function data_clear_except( wpset )
|
|
{
|
|
var existing = {};
|
|
|
|
document.getElementById('statCachesCount').firstChild.nodeValue = 0;
|
|
|
|
var newList = new Array();
|
|
|
|
for (var nIndex=0; nIndex<moMarkerList.length; nIndex++)
|
|
{
|
|
var oMarker = moMarkerList[nIndex];
|
|
var wp = oMarker.getWaypoint();
|
|
|
|
if( wp != msPopupMarkerWP && !( wp in wpset ) )
|
|
{
|
|
oMarker.setMap(null);
|
|
}
|
|
else
|
|
{
|
|
existing[wp] = true;
|
|
newList[newList.length] = oMarker;
|
|
}
|
|
}
|
|
|
|
moMarkerList = newList;
|
|
|
|
return existing;
|
|
}
|
|
|
|
function data_load()
|
|
{
|
|
window.clearTimeout(moDataLoadTimer);
|
|
mbDataDownloadStartTime = new Date();
|
|
|
|
if (mnResultId != 0)
|
|
{
|
|
tmd_hide();
|
|
mbDataDownloadHaveSecondChance = true;
|
|
ajaxLoad(msURLMapPHP, data_mapreceive, get_mapfilter_params());
|
|
}
|
|
else
|
|
{
|
|
ajaxLoad(msURLSearchPHP, data_searchreceive, get_searchfilter_params('map2', true, false));
|
|
}
|
|
}
|
|
|
|
function data_mapreceive(data, responseCode)
|
|
{
|
|
if (responseCode != 200)
|
|
{
|
|
var sMessage = '{t escape=js}Error: Unable to download the search result (HTTP error code %1){/t}';
|
|
sMessage = sMessage.replace(/%1/, responseCode);
|
|
alert(sMessage);
|
|
return;
|
|
}
|
|
|
|
var oXML = xmlParse(data);
|
|
|
|
if (oXML.documentElement.getAttribute("available") == 0)
|
|
{
|
|
if (mbDataDownloadHaveSecondChance == true)
|
|
{
|
|
ajaxLoad(msURLSearchPHP, data_searchreceive, get_searchfilter_params('map2', true, false));
|
|
}
|
|
else
|
|
{
|
|
alert('{t escape=js}Error: Unable to download the search result. The data was not available on the server.{/t}');
|
|
}
|
|
return;
|
|
}
|
|
|
|
var record_count = oXML.documentElement.getAttribute("count");
|
|
|
|
download_enabled((record_count<=mnMaxDownloadCount) && (record_count>0));
|
|
|
|
/* nee too many markers -> clear all and display message */
|
|
if (oXML.documentElement.getAttribute("maxrecordreached") == 1)
|
|
{
|
|
data_clear();
|
|
tmd_show(record_count);
|
|
return;
|
|
}
|
|
|
|
/* compute set of markers to keep */
|
|
var wpset = {};
|
|
var oCachesList = oXML.documentElement.getElementsByTagName("cache");
|
|
for (var nIndex=0; nIndex<oCachesList.length; nIndex++)
|
|
{
|
|
var sWaypoint = oCachesList[nIndex].getAttribute("wp");
|
|
wpset[sWaypoint] = true;
|
|
}
|
|
/* delete unneeded markers */
|
|
var alreadythere = data_clear_except( wpset );
|
|
|
|
/* add new markers (skip existing) */
|
|
for (var nIndex=0; nIndex<oCachesList.length; nIndex++)
|
|
{
|
|
var sWaypoint = oCachesList[nIndex].getAttribute("wp");
|
|
if( !( sWaypoint in alreadythere ) )
|
|
{
|
|
var nLon = oCachesList[nIndex].getAttribute("lon");
|
|
var nLat = oCachesList[nIndex].getAttribute("lat");
|
|
var nType = oCachesList[nIndex].getAttribute("type");
|
|
var bOwned = ( oCachesList[nIndex].getAttribute("owned") > 0 );
|
|
var bFound = ( oCachesList[nIndex].getAttribute("found") > 0 );
|
|
|
|
addCacheToMap(sWaypoint, nLon, nLat, nType, bOwned, bFound);
|
|
}
|
|
}
|
|
|
|
document.getElementById('statCachesCount').firstChild.nodeValue = oCachesList.length;
|
|
document.getElementById('statLoadTime').firstChild.nodeValue = getTimeDiff(mbDataDownloadStartTime, new Date());
|
|
}
|
|
|
|
function download_enabled(enabled)
|
|
{
|
|
mbDownloadEnabled = enabled;
|
|
/*
|
|
if (enabled)
|
|
{
|
|
document.getElementById('download_gpx_img').src = 'resource2/ocstyle/images/map/35x35-gpx-download.png';
|
|
}
|
|
else
|
|
{
|
|
document.getElementById('download_gpx_img').src = 'resource2/ocstyle/images/map/35x35-no-gpx-download.png';
|
|
}
|
|
* */
|
|
}
|
|
|
|
function getTimeDiff(dTime1, dTime2)
|
|
{
|
|
return ((dTime2-dTime1)/1000).toFixed(1);
|
|
}
|
|
|
|
function addCacheToMap(sWaypoint, nLon, nLat, nType, bOwned, bFound)
|
|
{
|
|
if (sWaypoint == msPopupMarkerWP)
|
|
{
|
|
for (var nIndex=0; nIndex<moMarkerList.length; nIndex++)
|
|
{
|
|
var oMarker = moMarkerList[nIndex];
|
|
if (oMarker.getWaypoint() == msPopupMarkerWP)
|
|
{
|
|
return;
|
|
}
|
|
}
|
|
}
|
|
|
|
var oMarker = new CacheMarker(new google.maps.LatLng(nLat, nLon), sWaypoint, nType, bOwned, bFound, moMap);
|
|
google.maps.event.addListener(oMarker, "click", function(wp){CacheMarker_click(wp);});
|
|
|
|
moMarkerList[moMarkerList.length] = oMarker;
|
|
}
|
|
|
|
function CacheMarker_click(sWaypoint)
|
|
{
|
|
show_cachepopup_wp(sWaypoint, false);
|
|
}
|
|
|
|
// receives the result of map2.php (if result is not available, search.php has to be invoked)
|
|
function data_searchreceive(data, responseCode)
|
|
{
|
|
// TODO: check
|
|
if (responseCode == 200)
|
|
{
|
|
// TODO: make sure that data must is a numeric ID
|
|
mnResultId = data;
|
|
}
|
|
|
|
// continue with data download
|
|
tmd_hide();
|
|
mbDataDownloadHaveSecondChance = false;
|
|
ajaxLoad(msURLMapPHP, data_mapreceive, get_mapfilter_params());
|
|
}
|
|
|
|
|
|
|
|
/* GM custom controls */
|
|
|
|
/* TooManyDataControl
|
|
* Implement as GControl
|
|
*/
|
|
var tmd_width = 250;
|
|
var tmd_height = 85;
|
|
var tmd_container = null;
|
|
var tmd_text = null;
|
|
|
|
function tmd_initialize(oMap)
|
|
{
|
|
tmd_container = document.createElement("div");
|
|
|
|
var boxDiv = document.createElement("div");
|
|
var textDiv = document.createElement("div");
|
|
tmd_text = document.createTextNode(" ");
|
|
|
|
boxDiv.style.position = 'absolute';
|
|
boxDiv.style.height = tmd_height + 'px';
|
|
boxDiv.style.width = tmd_width + 'px';
|
|
boxDiv.style.backgroundColor = '#0035FF';
|
|
boxDiv.style.borderStyle = 'solid';
|
|
boxDiv.style.borderWidth = 2 + 'px';
|
|
boxDiv.style.borderColor = 'black';
|
|
boxDiv.style.filter = 'Alpha(opacity=70,finishopacity=70)';
|
|
boxDiv.style.MozOpacity = 0.7;
|
|
boxDiv.style.textAlign = 'center';
|
|
boxDiv.style.verticalAlign = 'middle';
|
|
tmd_centerBox(oMap, boxDiv);
|
|
|
|
textDiv.style.fontSize = 'small';
|
|
textDiv.style.position = 'absolute';
|
|
textDiv.style.paddingTop = 10 + 'px';
|
|
textDiv.style.paddingLeft = 5 + 'px';
|
|
textDiv.style.height = tmd_height + 'px';
|
|
textDiv.style.width = tmd_width + 'px';
|
|
textDiv.style.color = 'white';
|
|
textDiv.style.textAlign = 'center';
|
|
textDiv.style.verticalAlign = 'middle';
|
|
tmd_centerBox(oMap, textDiv);
|
|
|
|
tmd_container.appendChild(boxDiv);
|
|
tmd_container.appendChild(textDiv);
|
|
textDiv.appendChild(tmd_text);
|
|
|
|
// hack to put box above map
|
|
tmd_container.style.zIndex = 10;
|
|
boxDiv.style.zIndex = 11;
|
|
textDiv.style.zIndex = 12;
|
|
|
|
oMap.getDiv().appendChild(tmd_container);
|
|
tmd_hide();
|
|
|
|
return tmd_container;
|
|
}
|
|
|
|
function tmd_centerBox(oMap, boxDiv)
|
|
{
|
|
boxDiv.style.position = 'absolute';
|
|
boxDiv.style.left = (mnMapWidth - tmd_width)/2 + 'px';
|
|
boxDiv.style.top = (mnMapHeight - tmd_height)/2 + 'px';
|
|
}
|
|
|
|
function tmd_show(number)
|
|
{
|
|
var sMessage = '{t escape=js}There are %1 Geocaches in the selected area, matching the filter options. Please zoom in to display the caches.{/t}';
|
|
sMessage = sMessage.replace(/%1/, number);
|
|
tmd_text.nodeValue = sMessage;
|
|
tmd_container.style.visibility = 'visible';
|
|
}
|
|
|
|
function tmd_hide()
|
|
{
|
|
tmd_container.style.visibility = 'hidden';
|
|
}
|
|
|
|
/* ReloadQuestionControl
|
|
* Implement as GControl
|
|
*/
|
|
var rqc_width = 250;
|
|
var rqc_height = 125;
|
|
var rqc_container = null;
|
|
|
|
function rqc_initialize(oMap)
|
|
{
|
|
rqc_container = document.createElement("div");
|
|
|
|
var boxDiv = document.createElement("div");
|
|
var textDiv = document.createElement("div");
|
|
var textText = document.createTextNode('{t escape=js}The filter options have been changed. Click OK to reload the map content.{/t}');
|
|
var okButton = document.createElement("button");
|
|
var okText = document.createTextNode("OK");
|
|
|
|
|
|
|
|
boxDiv.style.position = 'absolute';
|
|
boxDiv.style.height = rqc_height + 'px';
|
|
boxDiv.style.width = rqc_width + 'px';
|
|
boxDiv.style.backgroundColor = '#0035FF';
|
|
boxDiv.style.borderStyle = 'solid';
|
|
boxDiv.style.borderWidth = 2 + 'px';
|
|
boxDiv.style.borderColor = 'black';
|
|
boxDiv.style.filter = 'Alpha(opacity=70,finishopacity=70)';
|
|
boxDiv.style.MozOpacity = 0.7;
|
|
boxDiv.style.textAlign = 'center';
|
|
boxDiv.style.verticalAlign = 'middle';
|
|
rqc_centerBox(oMap, boxDiv);
|
|
|
|
textDiv.style.fontSize = 'small';
|
|
textDiv.style.position = 'absolute';
|
|
textDiv.style.paddingTop = 10 + 'px';
|
|
textDiv.style.paddingLeft = 5 + 'px';
|
|
textDiv.style.height = rqc_height + 'px';
|
|
textDiv.style.width = rqc_width + 'px';
|
|
textDiv.style.color = 'white';
|
|
textDiv.style.textAlign = 'center';
|
|
textDiv.style.verticalAlign = 'middle';
|
|
rqc_centerBox(oMap, textDiv);
|
|
|
|
okButton.style.color = 'black';
|
|
okButton.style.position = 'absolute';
|
|
okButton.style.top = rqc_height - 40 + 'px';
|
|
okButton.style.left = (rqc_width - 35) / 2 + 'px';
|
|
okButton.style.width = 35 + 'px';
|
|
okButton.style.backgroundColor = 'white';
|
|
okButton.style.borderColor = 'darkgray';
|
|
okButton.style.borderWidth = 2 + 'px';
|
|
okButton.style.borerStyle = 'solid';
|
|
okButton.onclick = rqc_click;
|
|
|
|
textDiv.appendChild(textText);
|
|
okButton.appendChild(okText);
|
|
textDiv.appendChild(okButton);
|
|
|
|
rqc_container.appendChild(boxDiv);
|
|
rqc_container.appendChild(textDiv);
|
|
|
|
oMap.getDiv().appendChild(rqc_container);
|
|
|
|
// hack to put box above map
|
|
rqc_container.style.zIndex = 10;
|
|
boxDiv.style.zIndex = 11;
|
|
textDiv.style.zIndex = 12;
|
|
okButton.style.zIndex = 12;
|
|
|
|
rqc_hide();
|
|
|
|
return rqc_container;
|
|
}
|
|
|
|
function rqc_centerBox(oMap, boxDiv)
|
|
{
|
|
boxDiv.style.position = 'absolute';
|
|
boxDiv.style.left = (mnMapWidth - rqc_width)/2 + 'px';
|
|
boxDiv.style.top = (mnMapHeight - rqc_height)/2 + 'px';
|
|
}
|
|
|
|
function rqc_click()
|
|
{
|
|
rqc_hide();
|
|
data_load();
|
|
}
|
|
|
|
function rqc_show()
|
|
{
|
|
rqc_container.style.visibility = 'visible';
|
|
}
|
|
|
|
function rqc_hide()
|
|
{
|
|
rqc_container.style.visibility = 'hidden';
|
|
}
|
|
|
|
function rqc_visible()
|
|
{
|
|
return (rqc_container.style.visibility == 'visible');
|
|
}
|
|
|
|
//-->
|
|
</script>
|
|
{/literal}
|
|
|
|
|
|
|
|
|
|
<div id="map" style="width:100%;height:100%;"></div>
|
|
|
|
{literal}
|
|
<script language="javascript">
|
|
function toggle_sidebar() {
|
|
var ele = document.getElementById("sidebar");
|
|
var img = document.getElementById("sidbar-toggle-img");
|
|
{/literal}
|
|
var hideimg = "resource2/{$opt.template.style}/images/map/32x32-right.png";
|
|
var showimg = "resource2/{$opt.template.style}/images/map/32x32-left.png";
|
|
{literal}
|
|
if(ele.style.display == "block") {
|
|
ele.style.display = "none";
|
|
img.src=showimg;
|
|
}
|
|
else {
|
|
ele.style.display = "block";
|
|
img.src=hideimg;
|
|
}
|
|
}
|
|
</script>
|
|
{/literal}
|
|
|
|
<div style="position:absolute; top: 48px; right:0px; margin: 0px; padding: 4px; border:1px solid #000; background:#fff; opacity: .9; z-index:2;">
|
|
<a href="javascript:toggle_sidebar();" id='sidebar-toggle' style="float: left; width: 32px; height: 32px"><img id="sidbar-toggle-img" src="resource2/{$opt.template.style}/images/map/32x32-right.png"></a>
|
|
<div id="sidebar" style="float: right; left: 32px; display: block">
|
|
|
|
<div class="mapform">
|
|
<form onsubmit="javascript:mapsubmit_click(); return false;" id="cachemap">
|
|
<table class="mapsearch">
|
|
<tr>
|
|
<td>
|
|
<input type="text" id="mapsearch" value="" onfocus="javascript:mapsearch_onfocus()" onblur="javascript:mapsearch_onblur()" size="50" />
|
|
</td>
|
|
<td>
|
|
<input type="button" id="mapsubmit" value="{t}Search{/t}" onclick="javascript:mapsubmit_click()" />
|
|
</td>
|
|
<td>
|
|
<a href="#" onclick="javascript:showPermlinkBox_click()"><img src="resource2/{$opt.template.style}/images/map/35x35-star.png" align="right" style="margin-left:15px; margin-right: 0px;" height="35" width="35" alt="{t}Show link to this map{/t}" /></a>
|
|
<a href="#" onclick="javascript:fullscreen_click()"><img src="resource2/{$opt.template.style}/images/map/35x35-normalscreen.png" align="right" style="margin-left:15px; margin-right: 0px;" height="35" width="35" alt="{t}Switch to full screen{/t}" /></a>
|
|
<a href="#" onclick="javascript:download_gpx()"><img id="download_gpx_img" src="resource2/{$opt.template.style}/images/map/35x35-gpx-download.png" align="right" style="margin-left:15px; margin-right: 0px;" height="35" width="35" alt="{t}Download GPX file (max. 500){/t}" /></a>
|
|
{if $nUserLat != 0 || $nUserLon != 0 }
|
|
<a href="#" onclick="javascript:center_home()"><img id="center_home_img" src="resource2/{$opt.template.style}/images/misc/32x32-home.png" align="right" style="margin-left:15px; margin-right: 0px;" height="35" width="35" alt="{t}Goto home coordinates{/t}" /></a>
|
|
{/if}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</form>
|
|
</div>
|
|
|
|
<div class="mapselectgeocode">
|
|
<select id="mapselectlist" name="mapselectlist" size="6" class="mapselectlist" onblur="mapselectlist_onblur()" onchange="mapselectlist_onchange()">
|
|
</select>
|
|
</div>
|
|
|
|
<div id="permalink_box" class="mappermalink" style="display:none;">
|
|
<table>
|
|
<tr><td><img src="resource2/ocstyle/images/viewcache/link.png" alt="" height="16" width="16" /> {t}Link{/t} ( <a href="#" onclick="javascript:openPermalink_click()">{t}Open{/t}</a> )</td></tr>
|
|
<tr><td><input id="permalink_text" type="text" value="" size="50"/></td></tr>
|
|
<tr id="permalink_addFavorites"><td align="right"><input type="button" value="{t}Add to favorites...{/t}" onclick="javascript:addFavorites_click()" /></td></tr>
|
|
</table>
|
|
</div>
|
|
|
|
<p class="content-title-noshade-size2">{t}Only show Geocaches with the following properties:{/t}</p>
|
|
<table>
|
|
<tr>
|
|
<td class="mapfilter pad10" width="752"><strong>{t}Name:{/t}</strong> <input type="text" id="cachename" name="cachename" value="" onkeypress="filter_changed()" onchange="filter_changed()" class="input200" /></td>
|
|
</tr>
|
|
</table>
|
|
<table>
|
|
<tr>
|
|
<td valign="top" class="mapfilter pad10" width="140">
|
|
<table>
|
|
<tr><td class="mapfiltertopic">{t}Cachetype{/t}</td></tr>
|
|
<tr><td><span style="line-height: 5px;"> </span></td></tr>
|
|
{foreach from=$aCacheType item=cacheTypeItem}
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="cachetype{$cacheTypeItem.id}" name="cachetype{$cacheTypeItem.id}" value="1" checked="checked" onclick="filter_changed()" class="checkbox" />
|
|
<label for="cachetype{$cacheTypeItem.id}">{$cacheTypeItem.text|escape}</label>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</table>
|
|
</td>
|
|
<td valign="top" class="mapfilter pad10" width="150">
|
|
<table>
|
|
<tr><td class="mapfiltertopic">{t}Cache container{/t}</td></tr>
|
|
<tr><td><span style="line-height: 5px;"> </span></td></tr>
|
|
{foreach from=$aCacheSize item=cacheSizeItem}
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="cachesize{$cacheSizeItem.id}" name="cachesize{$cacheSizeItem.id}" value="1" checked="checked" onclick="filter_changed()" class="checkbox" />
|
|
<label for="cachesize{$cacheSizeItem.id}">{$cacheSizeItem.text|escape}</label>
|
|
</td>
|
|
</tr>
|
|
{/foreach}
|
|
</table>
|
|
</td>
|
|
<td valign="top" class="mapfilter pad10" width="110">
|
|
<table>
|
|
<tr><td class="mapfiltertopic">{t}Hide{/t}</td></tr>
|
|
<tr><td><span style="line-height: 5px;"> </span></td></tr>
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="f_userowner" name="f_userowner" value="1" onclick="filter_changed()" class="checkbox" />
|
|
<label for="f_userowner">{t}My owns{/t}</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="f_userfound" name="f_userfound" value="1" onclick="filter_changed()" class="checkbox" />
|
|
<label for="f_userfound">{t}My finds{/t}</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="f_ignored" name="f_ignored" value="1" onclick="filter_changed()" class="checkbox" />
|
|
<label for="f_ignored">{t}My ignored{/t}</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="f_inactive" name="f_inactive" value="1" checked="checked" onclick="filter_changed()" class="checkbox" />
|
|
<label for="f_inactive">{t}Not active{/t}</label>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>
|
|
<input type="checkbox" id="f_otherPlatforms" name="f_otherPlatforms" value="1" onclick="filter_changed()" class="checkbox" />
|
|
<label for="f_otherPlatforms">{t}Double listings{/t}</label>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
<td valign="top" class="mapfilter pad10" width="280">
|
|
<table>
|
|
<tr>
|
|
<td colspan="2" class="mapfiltertopic">{t}Rating{/t}</td>
|
|
<tr><td colspan="2"><span style="line-height: 5px;"> </span></td></tr>
|
|
</tr>
|
|
<tr>
|
|
<td>{t}Difficulty{/t}</td>
|
|
<td>
|
|
<select id="difficultymin" name="difficultymin" onchange="filter_changed()">
|
|
<option value="0" selected="selected">-</option>
|
|
<option value="2">1.0</option>
|
|
<option value="3">1.5</option>
|
|
<option value="4">2.0</option>
|
|
<option value="5">2.5</option>
|
|
<option value="6">3.0</option>
|
|
<option value="7">3.5</option>
|
|
<option value="8">4.0</option>
|
|
<option value="9">4.5</option>
|
|
<option value="10">5.0</option>
|
|
</select>
|
|
{t}to{/t}
|
|
<select id="difficultymax" name="difficultymax" onchange="filter_changed()">
|
|
<option value="0" selected="selected">-</option>
|
|
<option value="2">1.0</option>
|
|
<option value="3">1.5</option>
|
|
<option value="4">2.0</option>
|
|
<option value="5">2.5</option>
|
|
<option value="6">3.0</option>
|
|
<option value="7">3.5</option>
|
|
<option value="8">4.0</option>
|
|
<option value="9">4.5</option>
|
|
<option value="10">5.0</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>{t}Terrain{/t}</td>
|
|
<td>
|
|
<select id="terrainmin" name="terrainmin" onchange="filter_changed()">
|
|
<option value="0" selected="selected">-</option>
|
|
<option value="2">1.0</option>
|
|
<option value="3">1.5</option>
|
|
<option value="4">2.0</option>
|
|
<option value="5">2.5</option>
|
|
<option value="6">3.0</option>
|
|
<option value="7">3.5</option>
|
|
<option value="8">4.0</option>
|
|
<option value="9">4.5</option>
|
|
<option value="10">5.0</option>
|
|
</select>
|
|
{t}to{/t}
|
|
<select id="terrainmax" name="terrainmax" onchange="filter_changed()">
|
|
<option value="0" selected="selected">-</option>
|
|
<option value="2">1.0</option>
|
|
<option value="3">1.5</option>
|
|
<option value="4">2.0</option>
|
|
<option value="5">2.5</option>
|
|
<option value="6">3.0</option>
|
|
<option value="7">3.5</option>
|
|
<option value="8">4.0</option>
|
|
<option value="9">4.5</option>
|
|
<option value="10">5.0</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
<tr>
|
|
<td>{t}Min. recommendations{/t}</td>
|
|
<td>
|
|
<select id="recommendationmin" name="recommendationmin" onchange="filter_changed()">
|
|
<option value="0" selected="selected">-</option>
|
|
<option value="1">1</option>
|
|
<option value="2">2</option>
|
|
<option value="3">3</option>
|
|
<option value="4">4</option>
|
|
<option value="5">5</option>
|
|
<option value="6">6</option>
|
|
<option value="7">7</option>
|
|
<option value="8">8</option>
|
|
<option value="9">9</option>
|
|
<option value="10">10</option>
|
|
<option value="11">11</option>
|
|
<option value="12">12</option>
|
|
<option value="13">13</option>
|
|
<option value="14">14</option>
|
|
<option value="15">15</option>
|
|
<option value="16">16</option>
|
|
<option value="17">17</option>
|
|
<option value="18">18</option>
|
|
<option value="19">19</option>
|
|
<option value="20">20</option>
|
|
</select>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
{* attributes *}
|
|
<table>
|
|
<tr>
|
|
<td valign="top" class="mapfilter pad10" width="752">
|
|
<table>
|
|
<tr><td class="mapfiltertopic">Attribute</td></tr>
|
|
<tr><td><span style="line-height: 5px;"> </span></td></tr>
|
|
<tr>
|
|
<td>
|
|
{include file="res_attribgroup.tpl" attriblist=$aAttributes onmousedown="attribute_onmousedown" inputprefix="attribute" stateDisable=$aAttributesDisabled}
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
</td>
|
|
</tr>
|
|
</table>
|
|
|
|
<div>{t}Caches displayed{/t} <span id="statCachesCount">0</span>, {t}Time to load{/t} <span id="statLoadTime">0</span> {t}Sec.{/t}</div>
|
|
</div>
|
|
</div>
|
|
|