Note that there are some explanatory texts on larger screens.

plurals
  1. POGoogle Maps markers disappearing randomly
    primarykey
    data
    text
    <p>I have been working on a script for a site that has 3 select lists, one for a degree quadrant (latitude, longitude). The idea is that when a user selects a degree quadrant, it prompts them if they want to use a map for lat/long minutes. If they opt in, a map is shown, and they can use the marker to indicate their position within that quadrant. </p> <p>The problem is that sometimes when changing the degrees drop down, the marker will disappear from the map. Now, sometimes it seems to be pretty specific - once it fails on one, it doesn't appear to ever work for it. but if you keep changing the values around randomly, at some point, it gets 'unstuck' and works again, while others fail.</p> <p>After checking the dev tools, it appears that the div that surrounds the google marker icon will sometimes blow up to full width, 0 height (approaching light speed apparently), and the image will disappear from its html.</p> <p>What's even more odd, is that on those that fail to render, if I click around in the red quadrant, such as the upper left corner, a lot of times the marker will place itself there as it should. But then dragging the marker in the quadrant towards another corner, it disappears - no code should be running/handling dragging events. I cant explain this.</p> <p>I have a JSFiddle to show this issue, and would appreciate anyone that can help me figure out what is going wrong. According to the script, after the marker position is set, i verify it in the console, and it still shows as what it was set to, so I don't know why it isn't working. </p> <p>PS - Please excuse my JS code, as it is currently an experiment in Chaos theory while trying to get this to work.</p> <p><strong>Fiddle</strong> - <a href="http://jsfiddle.net/TkE87/light/" rel="nofollow">http://jsfiddle.net/TkE87/light/</a></p> <p><strong>Result</strong> - <a href="http://jsfiddle.net/TkE87/embedded/result/" rel="nofollow">http://jsfiddle.net/TkE87/embedded/result/</a></p> <p>PSS - Please find below a test case that, at least for me, recreates all of these issues:</p> <pre><code>Select 25,82 Click use map Select 25,81 Marker shown Select 25,80 Marker gone Select 24,80 Marker gone Select 24,81 Marker shown Select 24,80 Marker gone Click in upper left corner Drag marker towards right in red square Marker disappears ~1/4 way in </code></pre>
    singulars
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload