var button = $('<a>')
.attr('class', 'control-button')
.attr('href', '#')
- .attr('title', 'Share')
+ .attr('title', I18n.t('javascripts.share.title'))
.html('<span class="icon share"></span>')
.on('click', toggle)
.appendTo($container);
.attr('class', 'sidebar_heading')
.appendTo($ui)
.append(
- $('<a>')
+ $('<span>')
.text(I18n.t('javascripts.close'))
- .attr('class', 'sidebar_close')
- .attr('href', '#')
+ .attr('class', 'icon close')
.bind('click', toggle))
.append(
$('<h4>')
.on('change', update)
.addTo(map);
+ marker.on('dragend', movedMarker);
+ map.on('move', movedMap);
map.on('moveend layeradd layerremove', update);
- marker.on('dragend', update);
options.sidebar.addPane($ui);
function hidden() {
map.removeLayer(marker);
+ map.options.scrollWheelZoom = map.options.doubleClickZoom = true;
locationFilter.disable();
update();
}
update();
options.sidebar.togglePane($ui, button);
+ $('.leaflet-control .control-button').tooltip('hide');
}
function toggleMarker() {
if ($(this).is(':checked')) {
marker.setLatLng(map.getCenter());
map.addLayer(marker);
+ map.options.scrollWheelZoom = map.options.doubleClickZoom = 'center';
} else {
map.removeLayer(marker);
+ map.options.scrollWheelZoom = map.options.doubleClickZoom = true;
}
update();
}
update();
}
- function update() {
+ function movedMap() {
+ marker.setLatLng(map.getCenter());
+ update();
+ }
+
+ function movedMarker() {
if (map.hasLayer(marker)) {
+ map.off('move', movedMap);
+ map.on('moveend', updateOnce);
map.panTo(marker.getLatLng());
}
+ }
+ function updateOnce() {
+ map.off('moveend', updateOnce);
+ map.on('move', movedMap);
+ update();
+ }
+
+ function update() {
var bounds = map.getBounds();
$('#link_marker')
};
if (map.hasLayer(marker)) {
- params.marker = marker.getLatLng().lat + ',' + marker.getLatLng().lng;
+ var latLng = marker.getLatLng().wrap();
+ params.marker = latLng.lat + ',' + latLng.lng;
}
$('#embed_html').val(
'<iframe width="425" height="350" frameborder="0" scrolling="no" marginheight="0" marginwidth="0" src="' +
escapeHTML('http://' + OSM.SERVER_URL + '/export/embed.html?' + $.param(params)) +
'" style="border: 1px solid black"></iframe><br/>' +
- '<small><a href="' + escapeHTML(map.getUrl(marker)) + '</a></small>');
+ '<small><a href="' + escapeHTML(map.getUrl(marker)) + '">' +
+ escapeHTML(I18n.t('javascripts.share.view_larger_map')) + '</a></small>');
// Image