Solved

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

Posted on 2014-02-13
4
2,315 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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

Free Tool: ZipGrep

ZipGrep is a utility that can list and search zip (.war, .ear, .jar, etc) archives for text patterns, without the need to extract the archive's contents.

One of a set of tools we're offering as a way to say thank you for being a part of the community.

Question has a verified solution.

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

This article discusses the difference between strict equality operator and equality operator in JavaScript. The Need: Because JavaScript performs an implicit type conversion when performing comparisons, we have to take this into account when wri…
Today, the web development industry is booming, and many people consider it to be their vocation. The question you may be asking yourself is – how do I become a web developer?
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…

751 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