How to change color of Marker Icon in Google Maps V3

Question

I have to insert different characters in each markerHow can I like the below link I want to insert in this below link they display markers with letters for example they used blue color for L yellow for k like that I want to write code give me syntax for writing like thathttprootserversorg

Mudassar · Accepted Answer

Following is the Red color markericon 34httpchartapisgooglecomchartchstdmappinletterampchld34  character  34FF0000FFFFFF34Just change FF0000 to any other color code of your choice

chinni · Answer

I got it var pinIcon  new googlemapsMarkerImage 34httpchartapisgooglecomchartchstdmappinletterampchld34datatitle3490EE9034    null  size is determined at runtime     null  origin is 00     null  anchor is bottom center of the scaled image     new googlemapsSize20 30   Size given in CSS Length units var marker  new googlemapsMarkerposition myLatlngmap mapiconpinIcontitle datatitle

chinni · Answer

This is the code for each marker having different charactersvar marker34title34 34vc3434lat341325338350000000000034lng346119625099999996000034description34 34vcSaint Vincent and the GrenadinesMinistry of TelecommunicationsScience Technology and Industry3434title34 34ve3434lat3410479448534lng34668557511000000234description34 34veVenezuelaCONATEL34var mapOptions  center new googlemapsLatLng34397 150644 zoom 5var infoWindow  new googlemapsInfoWindowvar map  new googlemapsMapdocumentgetElementById34mapcanvas34 mapOptionsfor i  0 i lt markerslength i var data  markersivar myLatlng  new googlemapsLatLngdatalat datalngvar pinIcon  new googlemapsMarkerImage 34httpchartapisgooglecomchartchstdmappinletterampchld34datatitle3490EE9034    null  size is determined at runtime     null

How to change color of Marker Icon in Google Maps V3

Company

Explore

Follow us

Contact Us