Databases
StackOverflow2013
Postsdbo
POthe interactive inside the map tiles of google map
Body
 

Note that there are some explanatory texts on larger screens.

plurals
  1. POthe interactive inside the map tiles of google map
    text
    copied!<p>I have asked this question in stackoverflow,however I do not get the final answer what I wanted.</p> <p>So I want to post it again,and give more details.</p> <p>The orignal post can be <a href="https://stackoverflow.com/questions/6161755/how-do-add-anchor-in-the-image-dynamically">found here</a> </p> <p>When the mosue over a feature in the map tiles(img),the cursor will be changed to "pointer",and you can click the right place,then you will get the informatin window. This is what I mean the "interactive".</p> <p>In my opinion,when we drag or zoom the map,google will make a request to the server to get the features inside the current map view. Then when the mouse move inside the Bound of one feature,the effect will occur.</p> <p>But what I wonder is that how can it be so precise?</p> <p>Take this tile as exmaple:</p> <p><img src="https://i.stack.imgur.com/Dbkv2.png" alt="enter image description here"></p> <p>The area of the feature "Ridley...." is not a regular rect,if your mouse is not in the area of this feature,the cursor will not change.</p> <p>But once your mouse come to the right place(inside the area of this feature),the effect will come out,check this:</p> <p><img src="https://i.stack.imgur.com/xHW4M.png" alt="enter image description here"></p> <p>Since the mouse's position is precisly inside the area of the feature,so I can click it and get the information window.</p> <p>I just want to know how to implement this?</p> <p>Update:</p> <p>The effect only come out when the mouse over the certain area,check this:</p> <p><img src="https://i.stack.imgur.com/XJEtw.png" alt="enter image description here"></p> <p>The effect come out <strong>only if</strong> the mouse move inside the hightlighted rect area,very precisly.</p>
 

Querying!

 
Guidance
An individual column

Larger individual text columns get their own page to allow for proper reading.

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