"All work and no play, makes Jack a dull boy!". I also decided to play around with the Google Map APIs, so that we don't become dull! The following is a simple code which will show you how to control the map controls or basically the Google Map UI. So here goes the fun code...
I don't think the above code needs much of an explanation. I will tell you what happens as a result of this code! When you move your mouse over the map, the map controls will become visible, as seen in the result above!
I don't think the above code needs much of an explanation. I will tell you what happens as a result of this code! When you move your mouse over the map, the map controls will become visible, as seen in the result above!
When you will move your mouse out of the map, the Map Controls will disappear. The controls will reappear again once you move your mouse over the map and disappear again when you move your mouse out of the map! Keep going on, have fun...
Hope you enjoy the code. Feel free to drop your comments, doubts, queries, suggestions!
It's nearly very good.
ReplyDeleteOne glitch I get is that when you mouseover the controls you are leaving the map so there is an annoying flicker of the controls.
Is there a listener for the controls I could add to prevent this flickering?
Yes Norrin. Even I had noticed the same! You can remove that flicker by declaring the map controls as separate div elements. This will solve the flickering issue.
ReplyDeleteSheerang
ReplyDeleteQuick réponse!
Can you give me an example please,
Sorry Norrin...I haven't been able to put up an example as yet. I will put it up as soon as I come up with one...
ReplyDeleteSorry for the delay...