1393 lines
46 KiB
Smarty
1393 lines
46 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>
|
|
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?sensor=true"></script>
|
|
|
|
{if $opt.template.popup==false}
|
|
<div class="content2-pagetitle">
|
|
<img src="resource2/{$opt.template.style}/images/misc/32x32-home.png" style="align: left; margin-right: 10px;" width="32" height="32" alt="" />
|
|
{t}Map{/t}
|
|
</div>
|
|
|
|
<div class="mapform">
|
|
<form onsubmit="javascript:mapsubmit_click(); return false;" id="cachemap">
|
|
<table class="mapsearch">
|
|
<tr>
|
|
<td class="mapsearch-a">
|
|
<input type="text" id="mapsearch" value="" onfocus="javascript:mapsearch_onfocus()" onblur="javascript:mapsearch_onblur()" class="searchfield" size="50" />
|
|
</td>
|
|
<td class="mapsearch-b">
|
|
<input type="button" id="mapsubmit" value="{t}Search{/t}" onclick="javascript:mapsubmit_click()" class="searchbutton" />
|
|
</td>
|
|
<td class="mapsearch-c">
|
|
<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>
|
|
{if !$bDisableFullscreen}
|
|
<a href="#" onclick="javascript:fullscreen_click()"><img src="resource2/{$opt.template.style}/images/map/35x35-fullscreen.png" align="right" style="margin-left:15px; margin-right: 0px;" height="35" width="35" alt="{t}Switch to full screen{/t}" /></a>
|
|
{/if}
|
|
<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>
|
|
</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>
|
|
<div>
|
|
<a href="#" onclick="javascript:locate();">Aktuelle Position</a>
|
|
</div>
|
|
{/if}
|
|
|
|
{if $opt.template.popup==false}
|
|
<p> </p>
|
|
{/if}
|
|
|
|
{if $opt.template.popup==false}
|
|
<div id="map" style="width:770px;height:600px;"></div>
|
|
<div style="width:770px;text-align:right;">{t}Caches displayed{/t} <span id="statCachesCount">0</span>, {t}Time to load{/t} <span id="statLoadTime">0</span> {t}Sec.{/t}</div>
|
|
{else}
|
|
<div id="map" style="width:100%;height:100%;"></div>
|
|
{/if}
|
|
|
|
{if $opt.template.popup==false}
|
|
|
|
<div class="buffer" style="width: 500px; height: 5px;"> </div>
|
|
<p class="content-title-noshade-size2">{t}Only show Geocaches with the following properties:{/t}</p>
|
|
<div class="buffer" style="width: 500px; height: 5px;"> </div>
|
|
<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 class="buffer" style="width: 500px; height: 5px;"> </div>
|
|
|
|
{/if}
|
|
|
|
{literal}
|
|
<script type="text/javascript">
|
|
<!--
|
|
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 = '';
|
|
|
|
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 GClientGeocoder();
|
|
var moSearchList = document.getElementById('mapselectlist');
|
|
var maSearchListCoords = new Array();
|
|
var moMapSearch = document.getElementById('mapsearch');
|
|
var moMap = 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 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.getCurrentMapType().getName(false) + ";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.getCurrentMapType().getName(false));
|
|
|
|
var oPermalinkTextBox = document.getElementById('permalink_text');
|
|
if (oPermalinkTextBox)
|
|
oPermalinkTextBox.value = "{/literal}{$opt.page.absolute_url}{literal}" + msPermalink;
|
|
}
|
|
|
|
function mapLoad()
|
|
{
|
|
if (GBrowserIsCompatible())
|
|
{
|
|
var aDragZoomOptions = {
|
|
buttonStartingStyle: {display:'block',color:'black',background:'white',width:'7em',textAlign:'center',fontFamily:'Verdana',fontSize:'8px',fontWeight:'bold',border:'1px solid gray',paddingBottom:'1px',cursor:'pointer'},
|
|
buttonHTML: '{t escape=js}Drag Zoom{/t}',
|
|
buttonZoomingHTML: '{t escape=js}Drag a region on the map (click here to reset){/t}',
|
|
buttonZoomingStyle: {background:'yellow'},
|
|
backButtonHTML: '{t escape=js}Drag Zoom Back{/t}',
|
|
backButtonStyle: {display:'none',marginTop:'3px',background:'#FFFFC8'},
|
|
backButtonEnabled: false
|
|
}
|
|
cookieLoad();
|
|
|
|
moMap = new GMap2(document.getElementById("map"));
|
|
moMap.addMapType(G_PHYSICAL_MAP);
|
|
OSM_addMapType();
|
|
moMap.addControl(new GSmallZoomControl());
|
|
moMap.addControl(new GHierarchicalMapTypeControl());
|
|
moMap.addControl(new GOverviewMapControl());
|
|
moMap.addControl(new GScaleControl());
|
|
moMap.addControl(new DragZoomControl({}, aDragZoomOptions, {}), new GControlPosition(G_ANCHOR_TOP_LEFT, new GSize(28,8)));
|
|
moMap.addControl(new LatLonDisplayControl());
|
|
//moMap.addControl(new MessageControl(250, 125));
|
|
rqc_initialize(moMap);
|
|
tmd_initialize(moMap);
|
|
moMap.enableScrollWheelZoom();
|
|
moMap.setCenter(new GLatLng(mnInitLat, mnInitLon), mnInitZoom, map_GetMapTypeByName(msInitType));
|
|
|
|
GEvent.addListener(moMap, "movestart", function(){map_movestart()});
|
|
GEvent.addListener(moMap, "moveend", function(){map_moveend()});
|
|
GEvent.addListener(moMap, "maptypechanged", function(){map_maptypechanged()});
|
|
|
|
if (msInitWaypoint != "")
|
|
show_cachepopup_wp(msInitWaypoint, true);
|
|
|
|
if (moMapSearch)
|
|
moMapSearch.value = msSearchHint;
|
|
|
|
// built initial msPermalink
|
|
cookieSave();
|
|
|
|
|
|
moDataLoadTimer = window.setTimeout('data_load()', 2000);
|
|
}
|
|
}
|
|
|
|
function map_GetMapTypeByName(sName)
|
|
{
|
|
var oMapTypeFound = null;
|
|
var aMapTypes = moMap.getMapTypes();
|
|
|
|
for (var nIndex=0; nIndex<aMapTypes.length; nIndex++)
|
|
{
|
|
if (aMapTypes[nIndex].getName(false) == sName)
|
|
{
|
|
oMapTypeFound = aMapTypes[nIndex];
|
|
break;
|
|
}
|
|
}
|
|
|
|
if (oMapTypeFound==null)
|
|
oMapTypeFound = G_HYBRID_MAP;
|
|
|
|
return oMapTypeFound;
|
|
}
|
|
|
|
function map_movestart()
|
|
{
|
|
window.clearTimeout(moDataLoadTimer);
|
|
}
|
|
|
|
function map_moveend()
|
|
{
|
|
cookieSave();
|
|
|
|
if (!rqc_visible())
|
|
moDataLoadTimer = window.setTimeout('data_load()', 500);
|
|
}
|
|
|
|
function map_maptypechanged()
|
|
{
|
|
cookieSave();
|
|
}
|
|
|
|
function fullscreen_click()
|
|
{
|
|
// TODO
|
|
window.open(msPermalink.replace(/map2\.php/, 'map.php') + '&mode=fullscreen','ocgm','width=' + screen.width + ',height=' + screen.height + ',resizable=yes,scrollbars=1');
|
|
}
|
|
|
|
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);
|
|
else
|
|
{
|
|
var oCoords = new GLatLng(nLat, nLon);
|
|
moMap.setCenter(oCoords, 13);
|
|
moMap.openInfoWindowHtml(oCoords, xmlentities(sText));
|
|
}
|
|
}
|
|
|
|
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();
|
|
GDownloadUrl(msURLMapPHP + "?mode=namesearch&name=" + encodeURI(sSearchText) + "&lat=" + oCenterPos.lat() + "&lon=" + oCenterPos.lng() + "&resultid=" + mnResultId,
|
|
function(data, responseCode)
|
|
{
|
|
var xml = GXml.parse(data);
|
|
var caches = xml.documentElement.getElementsByTagName("cache");
|
|
|
|
// clear the result list
|
|
mapselectlist_clear();
|
|
|
|
if (caches.length>0)
|
|
{
|
|
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.setViewport(new GLatLngBounds(new GLatLng(56, 5), new GLatLng(47, 16)));
|
|
moGeocoder.getLocations(sSearchText,
|
|
function(retval)
|
|
{
|
|
if (retval["Status"]["code"] == 602)
|
|
{
|
|
// no result
|
|
}
|
|
else if (retval["Status"]["code"] != 200)
|
|
{
|
|
alert("Fehler während der Suche!");
|
|
return;
|
|
}
|
|
|
|
var nPlacemarksCount = 0;
|
|
var nPlacemarkIndex;
|
|
|
|
if (retval["Status"]["code"] == 200)
|
|
nPlacemarksCount = retval["Placemark"].length;
|
|
|
|
if (nPlacemarksCount>0)
|
|
{
|
|
oTempOption = new Option("Gefundene Orte (Google)", -1);
|
|
oTempOption.style.color = "gray";
|
|
moSearchList.options[moSearchList.length] = oTempOption;
|
|
|
|
for (nPlacemarkIndex=0; nPlacemarkIndex<nPlacemarksCount; nPlacemarkIndex++)
|
|
{
|
|
var coord = retval["Placemark"][nPlacemarkIndex]["Point"]["coordinates"];
|
|
var text = retval["Placemark"][nPlacemarkIndex]["address"];
|
|
var value = add_searchlist_itemcoords(coord[1], coord[0], "", text);
|
|
var item = new Option(" " + text, value);
|
|
item.style.marginLeft = "20px";
|
|
moSearchList.options[moSearchList.length] = item;
|
|
}
|
|
}
|
|
|
|
if (moSearchList.length==0)
|
|
{
|
|
mapselectlist_hide();
|
|
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)
|
|
{
|
|
moMap.closeInfoWindow();
|
|
|
|
GDownloadUrl(sURL, function(data, responseCode)
|
|
{
|
|
var oXML = GXml.parse(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);
|
|
moMap.openInfoWindowHtml(oCoords, oPopupHTML);
|
|
});
|
|
}
|
|
|
|
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 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 (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 GLatLng(oCoords[1],oCoords[0]);
|
|
|
|
return oCoordsYX;
|
|
}
|
|
|
|
function OSM_addMapType()
|
|
{
|
|
var oOSMCopyright = new GCopyright(1, new GLatLngBounds(new GLatLng(-90,-180), new GLatLng(90,180)), 0, '(<a rel="license" href="http://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>)');
|
|
var oCopyrightCollection = new GCopyrightCollection('{t escape=js}Maps © 2009 <a href="http://www.openstreetmap.org/">OpenStreetMap</a> Contributors{/t}');
|
|
oCopyrightCollection.addCopyright(oOSMCopyright);
|
|
var aTileLayers = new Array();
|
|
aTileLayers[0] = new GTileLayer(oCopyrightCollection, 0, 18);
|
|
aTileLayers[0].getTileUrl = function(a,z) { return "http://tile.openstreetmap.org/" + z + "/" + a.x + "/" + a.y + ".png"; };
|
|
aTileLayers[0].isPng = function () { return true; };
|
|
aTileLayers[0].getOpacity = function () { return 1.0; };
|
|
var oOSMMapType = new GMapType(aTileLayers, new GMercatorProjection(19), "OSM", { urlArg: 'mapnik', linkColor: '#000000' });
|
|
moMap.addMapType(oOSMMapType);
|
|
}
|
|
|
|
function mapsearch_onfocus()
|
|
{
|
|
if (moMapSearch.value==msSearchHint || mbResetSearchTextOnFocus==true)
|
|
moMapSearch.value = '';
|
|
mbResetSearchTextOnFocus = false;
|
|
}
|
|
|
|
function mapsearch_onblur()
|
|
{
|
|
if (moMapSearch.value=='')
|
|
moMapSearch.value = msSearchHint;
|
|
}
|
|
|
|
var initialLocation;
|
|
var siberia = new google.maps.LatLng(60, 105);
|
|
var newyork = new google.maps.LatLng(40.69847032728747, -73.9514422416687);
|
|
var browserSupportFlag = new Boolean();
|
|
|
|
function locate()
|
|
{
|
|
// Try W3C Geolocation (Preferred)
|
|
if(navigator.geolocation)
|
|
{
|
|
browserSupportFlag = true;
|
|
navigator.geolocation.getCurrentPosition(
|
|
function(position)
|
|
{
|
|
initialLocation = new GLatLng(position.coords.latitude, position.coords.longitude);
|
|
moMap.setCenter(initialLocation);
|
|
},
|
|
function()
|
|
{
|
|
handleNoGeolocation(browserSupportFlag);
|
|
});
|
|
|
|
// Try Google Gears Geolocation
|
|
}
|
|
else if (google.gears)
|
|
{
|
|
browserSupportFlag = true;
|
|
var geo = google.gears.factory.create('beta.geolocation');
|
|
geo.getCurrentPosition(
|
|
function(position)
|
|
{
|
|
initialLocation = new GLatLng(position.latitude,position.longitude);
|
|
moMap.setCenter(initialLocation);
|
|
},
|
|
function()
|
|
{
|
|
handleNoGeoLocation(browserSupportFlag);
|
|
});
|
|
|
|
// Browser doesn't support Geolocation
|
|
}
|
|
else
|
|
{
|
|
browserSupportFlag = false;
|
|
handleNoGeolocation(browserSupportFlag);
|
|
}
|
|
|
|
function handleNoGeolocation(errorFlag)
|
|
{
|
|
if (errorFlag == true)
|
|
{
|
|
alert("Geolocation service failed.");
|
|
initialLocation = newyork;
|
|
}
|
|
else
|
|
{
|
|
alert("Your browser doesn't support geolocation. We've placed you in Siberia.");
|
|
initialLocation = siberia;
|
|
}
|
|
moMap.setCenter(initialLocation);
|
|
}
|
|
}
|
|
|
|
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.
|
|
moMarkerList = new Array();
|
|
moMap.clearOverlays();
|
|
}
|
|
else
|
|
{
|
|
for (var nIndex=0; nIndex<moMarkerList.length; nIndex++)
|
|
{
|
|
var oMarker = moMarkerList[nIndex];
|
|
if (oMarker.getWaypoint() != msPopupMarkerWP)
|
|
moMap.removeOverlay(oMarker);
|
|
}
|
|
}
|
|
}
|
|
|
|
function data_load()
|
|
{
|
|
window.clearTimeout(moDataLoadTimer);
|
|
mbDataDownloadStartTime = new Date();
|
|
|
|
if (mnResultId != 0)
|
|
{
|
|
tmd_hide();
|
|
mbDataDownloadHaveSecondChance = true;
|
|
GDownloadUrl(msURLMapPHP, data_mapreceive, get_mapfilter_params());
|
|
}
|
|
else
|
|
{
|
|
GDownloadUrl(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 = GXml.parse(data);
|
|
|
|
if (oXML.documentElement.getAttribute("available") == 0)
|
|
{
|
|
if (mbDataDownloadHaveSecondChance == true)
|
|
GDownloadUrl(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;
|
|
}
|
|
|
|
data_clear();
|
|
|
|
var record_count = oXML.documentElement.getAttribute("count");
|
|
|
|
download_enabled((record_count<=mnMaxDownloadCount) && (record_count>0));
|
|
|
|
if (oXML.documentElement.getAttribute("maxrecordreached") == 1)
|
|
{
|
|
tmd_show(record_count);
|
|
return;
|
|
}
|
|
|
|
var oCachesList = oXML.documentElement.getElementsByTagName("cache");
|
|
for (var nIndex=0; nIndex<oCachesList.length; nIndex++)
|
|
{
|
|
var sWaypoint = oCachesList[nIndex].getAttribute("wp");
|
|
var nLon = oCachesList[nIndex].getAttribute("lon");
|
|
var nLat = oCachesList[nIndex].getAttribute("lat");
|
|
var nType = oCachesList[nIndex].getAttribute("type");
|
|
|
|
addCacheToMap(sWaypoint, nLon, nLat, nType);
|
|
}
|
|
|
|
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)
|
|
{
|
|
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 GLatLng(nLat, nLon), sWaypoint, nType);
|
|
GEvent.addListener(oMarker, "click", function(wp){CacheMarker_click(wp);});
|
|
moMap.addOverlay(oMarker);
|
|
|
|
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)
|
|
mnResultId = data;
|
|
|
|
// continue with data download
|
|
tmd_hide();
|
|
mbDataDownloadHaveSecondChance = false;
|
|
GDownloadUrl(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);
|
|
|
|
oMap.getContainer().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.getContainer().appendChild(rqc_container);
|
|
|
|
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}
|