OpenLayers 3: Vector Layer loses styling when map pans or changes zoom Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern) Announcing the arrival of Valued Associate #679: Cesar Manara Unicorn Meta Zoo #1: Why another podcast?Detecting map changes using OpenlayersBing OpenLayers shows OK in QGIS and Composer preview, but is misaligned after exporting to PDFOpenLayers-3 setting zoom so layers fit in map windowLoading GeoJSON data into an array with OpenLayers 3?OpenLayers creating Marker Vector LayerOpenLayers 3 Vector layerStatic images not appearing in OpenLayers 3?Openlayers: keep polyline horizontal when panningStyling Vector layer with OpenLayersOpenlayers min-zoom to view all map
Can a USB port passively 'listen only'?
What does this icon in iOS Stardew Valley mean?
What is the interpretation of the p-value of 2.2e-16?
Why did the rest of the Eastern Bloc not invade Yugoslavia?
Dating a Former Employee
How discoverable are IPv6 addresses and AAAA names by potential attackers?
Simplicity of the roots of a minimal polynomial
String `!23` is replaced with `docker` in command line
List of Python versions
English words in a non-english sci-fi novel
Are two submodules (where one is contained in the other) isomorphic if their quotientmodules are isomorphic?
Is there a node or combination of nodes that can take an average colour out of a single image?
Fundamental Solution of the Pell Equation
How to find all the available tools in macOS terminal?
Can a non-EU citizen traveling with me come with me through the EU passport line?
The logistics of corpse disposal
3 doors, three guards, one stone
What is use of Files statically option into Package Designer
What causes the vertical darker bands in my photo?
What is the role of the transistor and diode in a soft start circuit?
Why am I getting the error "non-boolean type specified in a context where a condition is expected" for this request?
At the end of Thor: Ragnarok why don't the Asgardians turn and head for the Bifrost as per their original plan?
Is there a (better) way to access $wpdb results?
Extract all GPU name, model and GPU ram
OpenLayers 3: Vector Layer loses styling when map pans or changes zoom
Planned maintenance scheduled April 17/18, 2019 at 00:00UTC (8:00pm US/Eastern)
Announcing the arrival of Valued Associate #679: Cesar Manara
Unicorn Meta Zoo #1: Why another podcast?Detecting map changes using OpenlayersBing OpenLayers shows OK in QGIS and Composer preview, but is misaligned after exporting to PDFOpenLayers-3 setting zoom so layers fit in map windowLoading GeoJSON data into an array with OpenLayers 3?OpenLayers creating Marker Vector LayerOpenLayers 3 Vector layerStatic images not appearing in OpenLayers 3?Openlayers: keep polyline horizontal when panningStyling Vector layer with OpenLayersOpenlayers min-zoom to view all map
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty margin-bottom:0;
I'm working on switching from OpenLayers 2 to OpenLayers 3 and supplementing my reading of The Book of OpenLayers 3 by trying some things out on my own. There's a project that I'm building here that should be fairly simple: take form inputs and use them as parameters for building a vector layer. The interface works as intended, save for one problem.
Whenever I pan the map or zoom it, the vector layer seems to disappear. I can't for the life of me imagine what's going on. Anyone able to help me figure out what I can do to keep the layer in place?
To make things easier, I have created a JSFiddle, please feel free to use at will.
javascript openlayers
asked Feb 25 '16 at 5:52
Dheeraj ChandDheeraj Chand
385
add a comment |
I'm working on switching from OpenLayers 2 to OpenLayers 3 and supplementing my reading of The Book of OpenLayers 3 by trying some things out on my own. There's a project that I'm building here that should be fairly simple: take form inputs and use them as parameters for building a vector layer. The interface works as intended, save for one problem.
Whenever I pan the map or zoom it, the vector layer seems to disappear. I can't for the life of me imagine what's going on. Anyone able to help me figure out what I can do to keep the layer in place?
To make things easier, I have created a JSFiddle, please feel free to use at will.
javascript openlayers
asked Feb 25 '16 at 5:52
Dheeraj ChandDheeraj Chand
385
Welcome to GIS.SE. You might be better off putting the code on jsFiddle or similar and producing a minimal example demonstrating the problem. At the moment that is a lot of code to read through.
– John Powell
Feb 25 '16 at 6:36
Hi! I linked to the project inline, added the code as a courtesy for those who didn't want to click through. If that is not in accordance with GIS.SE custom, I'll be happy to remove it!
– Dheeraj Chand
Feb 25 '16 at 6:40
The reason that jsFiddle and the like is preferable, is because you can see the output and code side by side, and someone can update with a fix and post that. It is now possible to see your issue, but harder to see the code.
– John Powell
Feb 25 '16 at 7:31
Point taken! Sorry, I am new to SE, generally, still getting my sea legs. I'll edit to include a JSFiddle link.
– Dheeraj Chand
Feb 25 '16 at 7:40
Perfect. I wish everyone found their sea legs this quickly :-)
– John Powell
Feb 25 '16 at 8:22
add a comment |
I'm working on switching from OpenLayers 2 to OpenLayers 3 and supplementing my reading of The Book of OpenLayers 3 by trying some things out on my own. There's a project that I'm building here that should be fairly simple: take form inputs and use them as parameters for building a vector layer. The interface works as intended, save for one problem.
Whenever I pan the map or zoom it, the vector layer seems to disappear. I can't for the life of me imagine what's going on. Anyone able to help me figure out what I can do to keep the layer in place?
To make things easier, I have created a JSFiddle, please feel free to use at will.
javascript openlayers
asked Feb 25 '16 at 5:52
Dheeraj ChandDheeraj Chand
385
I'm working on switching from OpenLayers 2 to OpenLayers 3 and supplementing my reading of The Book of OpenLayers 3 by trying some things out on my own. There's a project that I'm building here that should be fairly simple: take form inputs and use them as parameters for building a vector layer. The interface works as intended, save for one problem.
Whenever I pan the map or zoom it, the vector layer seems to disappear. I can't for the life of me imagine what's going on. Anyone able to help me figure out what I can do to keep the layer in place?
To make things easier, I have created a JSFiddle, please feel free to use at will.
javascript openlayers
javascript openlayers
asked Feb 25 '16 at 5:52
Dheeraj ChandDheeraj Chand
385
asked Feb 25 '16 at 5:52
Dheeraj ChandDheeraj Chand
385
edited Feb 27 '16 at 6:14
Dheeraj Chand
asked Feb 25 '16 at 5:52
Dheeraj ChandDheeraj Chand
385
asked Feb 25 '16 at 5:52
Dheeraj ChandDheeraj Chand
385
asked Feb 25 '16 at 5:52
Dheeraj ChandDheeraj Chand
385
385
Welcome to GIS.SE. You might be better off putting the code on jsFiddle or similar and producing a minimal example demonstrating the problem. At the moment that is a lot of code to read through.
– John Powell
Feb 25 '16 at 6:36
Hi! I linked to the project inline, added the code as a courtesy for those who didn't want to click through. If that is not in accordance with GIS.SE custom, I'll be happy to remove it!
– Dheeraj Chand
Feb 25 '16 at 6:40
The reason that jsFiddle and the like is preferable, is because you can see the output and code side by side, and someone can update with a fix and post that. It is now possible to see your issue, but harder to see the code.
– John Powell
Feb 25 '16 at 7:31
Point taken! Sorry, I am new to SE, generally, still getting my sea legs. I'll edit to include a JSFiddle link.
– Dheeraj Chand
Feb 25 '16 at 7:40
Perfect. I wish everyone found their sea legs this quickly :-)
– John Powell
Feb 25 '16 at 8:22
add a comment |
Welcome to GIS.SE. You might be better off putting the code on jsFiddle or similar and producing a minimal example demonstrating the problem. At the moment that is a lot of code to read through.
– John Powell
Feb 25 '16 at 6:36
Hi! I linked to the project inline, added the code as a courtesy for those who didn't want to click through. If that is not in accordance with GIS.SE custom, I'll be happy to remove it!
– Dheeraj Chand
Feb 25 '16 at 6:40
The reason that jsFiddle and the like is preferable, is because you can see the output and code side by side, and someone can update with a fix and post that. It is now possible to see your issue, but harder to see the code.
– John Powell
Feb 25 '16 at 7:31
Point taken! Sorry, I am new to SE, generally, still getting my sea legs. I'll edit to include a JSFiddle link.
– Dheeraj Chand
Feb 25 '16 at 7:40
Perfect. I wish everyone found their sea legs this quickly :-)
– John Powell
Feb 25 '16 at 8:22
Welcome to GIS.SE. You might be better off putting the code on jsFiddle or similar and producing a minimal example demonstrating the problem. At the moment that is a lot of code to read through.
– John Powell
Feb 25 '16 at 6:36
Welcome to GIS.SE. You might be better off putting the code on jsFiddle or similar and producing a minimal example demonstrating the problem. At the moment that is a lot of code to read through.
– John Powell
Feb 25 '16 at 6:36
Hi! I linked to the project inline, added the code as a courtesy for those who didn't want to click through. If that is not in accordance with GIS.SE custom, I'll be happy to remove it!
– Dheeraj Chand
Feb 25 '16 at 6:40
Hi! I linked to the project inline, added the code as a courtesy for those who didn't want to click through. If that is not in accordance with GIS.SE custom, I'll be happy to remove it!
– Dheeraj Chand
Feb 25 '16 at 6:40
The reason that jsFiddle and the like is preferable, is because you can see the output and code side by side, and someone can update with a fix and post that. It is now possible to see your issue, but harder to see the code.
– John Powell
Feb 25 '16 at 7:31
The reason that jsFiddle and the like is preferable, is because you can see the output and code side by side, and someone can update with a fix and post that. It is now possible to see your issue, but harder to see the code.
– John Powell
Feb 25 '16 at 7:31
Point taken! Sorry, I am new to SE, generally, still getting my sea legs. I'll edit to include a JSFiddle link.
– Dheeraj Chand
Feb 25 '16 at 7:40
Point taken! Sorry, I am new to SE, generally, still getting my sea legs. I'll edit to include a JSFiddle link.
– Dheeraj Chand
Feb 25 '16 at 7:40
Perfect. I wish everyone found their sea legs this quickly :-)
– John Powell
Feb 25 '16 at 8:22
Perfect. I wish everyone found their sea legs this quickly :-)
– John Powell
Feb 25 '16 at 8:22
add a comment |
1 Answer
1
active
oldest
votes
The answer was in line 77 here. It turns out that for whatever reason, I misunderstood falsiness in JavaScript and my style-builder function was erring on undefined styles. Who knew? The rest of the code works, though!!!
answered Mar 16 '16 at 18:53
Dheeraj ChandDheeraj Chand
385
add a comment |
Your Answer
StackExchange.ready(function()
var channelOptions =
tags: "".split(" "),
id: "79"
;
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: false,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: null,
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%2fgis.stackexchange.com%2fquestions%2f182174%2fopenlayers-3-vector-layer-loses-styling-when-map-pans-or-changes-zoom%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
The answer was in line 77 here. It turns out that for whatever reason, I misunderstood falsiness in JavaScript and my style-builder function was erring on undefined styles. Who knew? The rest of the code works, though!!!
answered Mar 16 '16 at 18:53
Dheeraj ChandDheeraj Chand
385
add a comment |
The answer was in line 77 here. It turns out that for whatever reason, I misunderstood falsiness in JavaScript and my style-builder function was erring on undefined styles. Who knew? The rest of the code works, though!!!
answered Mar 16 '16 at 18:53
Dheeraj ChandDheeraj Chand
385
add a comment |
The answer was in line 77 here. It turns out that for whatever reason, I misunderstood falsiness in JavaScript and my style-builder function was erring on undefined styles. Who knew? The rest of the code works, though!!!
answered Mar 16 '16 at 18:53
Dheeraj ChandDheeraj Chand
385
The answer was in line 77 here. It turns out that for whatever reason, I misunderstood falsiness in JavaScript and my style-builder function was erring on undefined styles. Who knew? The rest of the code works, though!!!
answered Mar 16 '16 at 18:53
Dheeraj ChandDheeraj Chand
385
answered Mar 16 '16 at 18:53
Dheeraj ChandDheeraj Chand
385
answered Mar 16 '16 at 18:53
Dheeraj ChandDheeraj Chand
385
answered Mar 16 '16 at 18:53
Dheeraj ChandDheeraj Chand
385
385
add a comment |
add a comment |
Thanks for contributing an answer to Geographic Information Systems Stack Exchange!
- 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%2fgis.stackexchange.com%2fquestions%2f182174%2fopenlayers-3-vector-layer-loses-styling-when-map-pans-or-changes-zoom%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
Welcome to GIS.SE. You might be better off putting the code on jsFiddle or similar and producing a minimal example demonstrating the problem. At the moment that is a lot of code to read through.
– John Powell
Feb 25 '16 at 6:36
Hi! I linked to the project inline, added the code as a courtesy for those who didn't want to click through. If that is not in accordance with GIS.SE custom, I'll be happy to remove it!
– Dheeraj Chand
Feb 25 '16 at 6:40
The reason that jsFiddle and the like is preferable, is because you can see the output and code side by side, and someone can update with a fix and post that. It is now possible to see your issue, but harder to see the code.
– John Powell
Feb 25 '16 at 7:31
Point taken! Sorry, I am new to SE, generally, still getting my sea legs. I'll edit to include a JSFiddle link.
– Dheeraj Chand
Feb 25 '16 at 7:40
Perfect. I wish everyone found their sea legs this quickly :-)
– John Powell
Feb 25 '16 at 8:22