Add allowfullscreen attribute to the iframe; fix fullscreen icon
when active in touch screen fix #516
This commit is contained in:
parent
1a815b313d
commit
aaaa339e9c
2 changed files with 2 additions and 1 deletions
|
@ -1055,7 +1055,7 @@ L.U.IframeExporter = L.Class.extend({
|
||||||
}
|
}
|
||||||
var currentView = this.options.currentView ? window.location.hash : '',
|
var currentView = this.options.currentView ? window.location.hash : '',
|
||||||
iframeUrl = this.baseUrl + '?' + this.map.xhr.buildQueryString(this.queryString) + currentView,
|
iframeUrl = this.baseUrl + '?' + this.map.xhr.buildQueryString(this.queryString) + currentView,
|
||||||
code = '<iframe width="' + this.dimensions.width + '" height="' + this.dimensions.height + '" frameBorder="0" src="' + iframeUrl + '"></iframe>';
|
code = '<iframe width="' + this.dimensions.width + '" height="' + this.dimensions.height + '" frameBorder="0" allowfullscreen src="' + iframeUrl + '"></iframe>';
|
||||||
if (this.options.includeFullScreenLink) {
|
if (this.options.includeFullScreenLink) {
|
||||||
code += '<p><a href="' + this.baseUrl + '">' + L._('See full screen') + '</a></p>';
|
code += '<p><a href="' + this.baseUrl + '">' + L._('See full screen') + '</a></p>';
|
||||||
}
|
}
|
||||||
|
|
|
@ -33,6 +33,7 @@
|
||||||
width: 36px;
|
width: 36px;
|
||||||
background-position: 0px 0px;
|
background-position: 0px 0px;
|
||||||
}
|
}
|
||||||
|
.leaflet-touch.leaflet-fullscreen-on .leaflet-control-fullscreen a,
|
||||||
.leaflet-fullscreen-on .leaflet-control-fullscreen a {
|
.leaflet-fullscreen-on .leaflet-control-fullscreen a {
|
||||||
background-position: 0 -32px;
|
background-position: 0 -32px;
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue