Solved

Google Maps to change or highlight pin when mouse over text on page

Posted on 2014-02-13
4
2,247 Views
Last Modified: 2014-02-13
Hello,

I'm looking for a way to highlight a Google map pin when a user hovers over a particular name in a list - so, for example this page has a list of regions (to be tidied up ;-) ):

www.villasdirect.com/top-destinations.asp/?country=France

Thanks in advance!
0
Comment
Question by:Nico2011
  • 2
  • 2
4 Comments
 
LVL 33

Expert Comment

by:Big Monty
ID: 39856161
here's a pretty in depth article that covers all of the basics in doing this:

http://econym.org.uk/gmap/index.htm
0
 

Author Comment

by:Nico2011
ID: 39856195
Hi - thanks for the link, however I'm actually not sure where to start looking!  It's a great resource to have, but I'm hoping to just find a bit of code to add to my list that'll change the icon when my mouse goes over one of the regions...
0
 
LVL 33

Accepted Solution

by:
Big Monty earned 500 total points
ID: 39856214
have a look at the source code on this page:

http://econym.org.uk/gmap/example_hoverchange75.htm

it looks like there is a call to replace the original image with the highlighted one using marker.setImage()
0
 

Author Closing Comment

by:Nico2011
ID: 39856241
Yes - that'll get me started - thanks!
0

Featured Post

Technology Partners: We Want Your Opinion!

We value your feedback.

Take our survey and automatically be enter to win anyone of the following:
Yeti Cooler, Amazon eGift Card, and Movie eGift Card!

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

Suggested Solutions

Title # Comments Views Activity
I'm a Human captcha checkbox 13 39
Understanding UserAgent String 2 44
Github api to fetch the number of collaborators in a git repo 1 25
arrays and buttons with user input 2 31
Article by: DanRollins
This article describes a JavaScript program that creates a maze made of hexagonal cells.  In Part 2 (http://www.experts-exchange.com/Programming/Languages/Scripting/JavaScript/A_7850-Hex-Maze-Part-2.html), we'll extend the program by adding a depth-…
This article will give core knowledge of JavaScript and will head in to your first JavaScript program. I am Durvesh Naik and I am here to deal with this series of JavaScript. I will teach you JavaScript in part wise , as its quite boring to read big…
The viewer will learn the basics of jQuery, including how to invoke it on a web page. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery.: (CODE)
The viewer will learn the basics of jQuery including how to code hide show and toggles. Reference your jQuery libraries: (CODE) Include your new external js/jQuery file: (CODE) Write your first lines of code to setup your site for jQuery…

679 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question