We help IT Professionals succeed at work.
Get Started

Legend on Google Map

AXISHK
AXISHK asked
on
3,982 Views
Last Modified: 2012-08-14
Is it possible to add legend or overlay a content on the google map ? If not, it there any workaround solution on this ?

Thanks

<!DOCTYPE html>

<html>

<head>
<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />

<meta http-equiv="content-type" content="text/html; charset=UTF-8"/>

<style type="text/css">
  
 html { height: 100% }
  
 body { height: 100%; margin: 0px; padding: 0px }
  
 #map_canvas { height: 100% }

</style>


<title>UPC Wind Farm Map</title>

<script type="text/javascript" 
   src="http://maps.google.com/maps/api/js?sensor=false">
</script>


<script type="text/javascript">
  
    function initialize() {
    
     // www.gpsvisualizer.com/geocode
      var myLatlng = new google.maps.LatLng(26.254092, 107.5221);
    
      var myOptions = {
      
         zoom: 4,
      
         disableDefaultUI: true, 
         center: myLatlng,
      
         mapTypeId: google.maps.MapTypeId.ROADMAP
    
      }
    

      var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
  

   //Qianan
      var myLatlng = new google.maps.LatLng(26.254092, 107.5221); 
  
      var marker = new google.maps.Marker({       
         position: myLatlng,        
         draggable:false,
         animation: google.maps.Animation.DROP,
         map: map,       
         title:"Qianan Wind Farm"     
      }); 
      google.maps.event.addListener(marker, 'click', toggleBounce); 
  

    function toggleBounce() {    


      } 


}

</script>

</head>


<body onload="initialize()">
  
   <div id="map_canvas"></div>

</body>

</html>

Open in new window

Legend-on-Google-Map.bmp
Comment
Watch Question
Commented:
This problem has been solved!
Unlock 2 Answers and 8 Comments.
See Answers
Why Experts Exchange?

Experts Exchange always has the answer, or at the least points me in the correct direction! It is like having another employee that is extremely experienced.

Jim Murphy
Programmer at Smart IT Solutions

When asked, what has been your best career decision?

Deciding to stick with EE.

Mohamed Asif
Technical Department Head

Being involved with EE helped me to grow personally and professionally.

Carl Webster
CTP, Sr Infrastructure Consultant
Ask ANY Question

Connect with Certified Experts to gain insight and support on specific technology challenges including:

  • Troubleshooting
  • Research
  • Professional Opinions
Did You Know?

We've partnered with two important charities to provide clean water and computer science education to those who need it most. READ MORE