Problem load offline opestreetmap in leaflet
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
I'm working in a map using leaflet and open street map. All work fine in online mode, but if I try to use local map(created by maperitive) i see only a grey windows.
That's my code:
var map = L.map('map');
L.tileLayer('file:///C:/project/city/Berlin/{z}/{x}/{y}.png', { }).addTo(map);
I suppose that there is a problem to load my local file.
javascript leaflet openstreetmap
add a comment |
I'm working in a map using leaflet and open street map. All work fine in online mode, but if I try to use local map(created by maperitive) i see only a grey windows.
That's my code:
var map = L.map('map');
L.tileLayer('file:///C:/project/city/Berlin/{z}/{x}/{y}.png', { }).addTo(map);
I suppose that there is a problem to load my local file.
javascript leaflet openstreetmap
add a comment |
I'm working in a map using leaflet and open street map. All work fine in online mode, but if I try to use local map(created by maperitive) i see only a grey windows.
That's my code:
var map = L.map('map');
L.tileLayer('file:///C:/project/city/Berlin/{z}/{x}/{y}.png', { }).addTo(map);
I suppose that there is a problem to load my local file.
javascript leaflet openstreetmap
I'm working in a map using leaflet and open street map. All work fine in online mode, but if I try to use local map(created by maperitive) i see only a grey windows.
That's my code:
var map = L.map('map');
L.tileLayer('file:///C:/project/city/Berlin/{z}/{x}/{y}.png', { }).addTo(map);
I suppose that there is a problem to load my local file.
javascript leaflet openstreetmap
javascript leaflet openstreetmap
asked Nov 16 '18 at 13:52
dadojardadojar
89311
89311
add a comment |
add a comment |
1 Answer
1
active
oldest
votes
This won't work - javascript can't access file:// URLs - by design.
Is not javascript but the tileLayer method that allow to access. I solved with a creation of a new osm and with this url: L.tileLayer('Berlin/{z}/{x}/{y}.png', {
– dadojar
Nov 16 '18 at 15:30
1
Yes it is. Now you're using a relative URL not a file:// URL and that is allowed.
– peeebeee
Nov 16 '18 at 15:36
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53339196%2fproblem-load-offline-opestreetmap-in-leaflet%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
This won't work - javascript can't access file:// URLs - by design.
Is not javascript but the tileLayer method that allow to access. I solved with a creation of a new osm and with this url: L.tileLayer('Berlin/{z}/{x}/{y}.png', {
– dadojar
Nov 16 '18 at 15:30
1
Yes it is. Now you're using a relative URL not a file:// URL and that is allowed.
– peeebeee
Nov 16 '18 at 15:36
add a comment |
This won't work - javascript can't access file:// URLs - by design.
Is not javascript but the tileLayer method that allow to access. I solved with a creation of a new osm and with this url: L.tileLayer('Berlin/{z}/{x}/{y}.png', {
– dadojar
Nov 16 '18 at 15:30
1
Yes it is. Now you're using a relative URL not a file:// URL and that is allowed.
– peeebeee
Nov 16 '18 at 15:36
add a comment |
This won't work - javascript can't access file:// URLs - by design.
This won't work - javascript can't access file:// URLs - by design.
answered Nov 16 '18 at 14:21
peeebeeepeeebeee
1,09811320
1,09811320
Is not javascript but the tileLayer method that allow to access. I solved with a creation of a new osm and with this url: L.tileLayer('Berlin/{z}/{x}/{y}.png', {
– dadojar
Nov 16 '18 at 15:30
1
Yes it is. Now you're using a relative URL not a file:// URL and that is allowed.
– peeebeee
Nov 16 '18 at 15:36
add a comment |
Is not javascript but the tileLayer method that allow to access. I solved with a creation of a new osm and with this url: L.tileLayer('Berlin/{z}/{x}/{y}.png', {
– dadojar
Nov 16 '18 at 15:30
1
Yes it is. Now you're using a relative URL not a file:// URL and that is allowed.
– peeebeee
Nov 16 '18 at 15:36
Is not javascript but the tileLayer method that allow to access. I solved with a creation of a new osm and with this url: L.tileLayer('Berlin/{z}/{x}/{y}.png', {
– dadojar
Nov 16 '18 at 15:30
Is not javascript but the tileLayer method that allow to access. I solved with a creation of a new osm and with this url: L.tileLayer('Berlin/{z}/{x}/{y}.png', {
– dadojar
Nov 16 '18 at 15:30
1
1
Yes it is. Now you're using a relative URL not a file:// URL and that is allowed.
– peeebeee
Nov 16 '18 at 15:36
Yes it is. Now you're using a relative URL not a file:// URL and that is allowed.
– peeebeee
Nov 16 '18 at 15:36
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f53339196%2fproblem-load-offline-opestreetmap-in-leaflet%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown