<div class="form-group">
<input name="format" type="hidden" value="html">
<input name="lat" type="text" class="form-control input-sm" placeholder="latitude" value="<?php echo htmlspecialchars($_GET['lat']); ?>" >
+ <span id="switch-coords"><></span>
<input name="lon" type="text" class="form-control input-sm" placeholder="longitude" value="<?php echo htmlspecialchars($_GET['lon']); ?>" >
max zoom
</div>
</div>
<div class="search-type-link">
- <a href="<?php echo CONST_Website_BaseURL; ?>reverse.php?format=html">reverse search</a>
+ <a id="switch-to-reverse" href="<?php echo CONST_Website_BaseURL; ?>reverse.php?format=html">reverse search</a>
</div>
</form>
html_viewbox = "viewbox: " + map_viewbox_as_string();
$('#map-position-inner').html([html_center,html_zoom,html_viewbox,html_click,html_mouse].join('<br/>'));
+
+ var reverse_params = {
+ lat: map.getCenter().lat.toFixed(5),
+ lon: map.getCenter().lng.toFixed(5),
+ zoom: map.getZoom(),
+ format: 'html'
+ }
+ $('#switch-to-reverse').attr('href', 'reverse.php?' + $.param(reverse_params));
+
$('input#use_viewbox').trigger('change');
}
$('form input[name=lon]').val( e.latlng.lng);
$('form').submit();
});
+
+ $('#switch-coords').on('click', function(e){
+ var lat = $('form input[name=lat]').val();
+ var lon = $('form input[name=lon]').val();
+ $('form input[name=lat]').val(lon);
+ $('form input[name=lon]').val(lat);
+ $('form').submit();
+ });
}
highlight_result(0, false);