I'd like to use my custom icon on Google Maps, therefore I inserted the icon's url to the code. However, it does not shown on the map. Could someone please tell me what I'm missing here? After adding the symbol url "http://google-maps-icons.googlecode.com/files/sailboat-tourism.png", why does the icon not change? src="http://maps.googleapis.com/maps/api/js?sensor=false" type="text/javascript"> /script> /script type="text/javascript">/script type="text/javascript">/script type="text/javascript">/script type=" = var markers ["title": 'This is title', "latitude": '-37.801578', "longitude": '145.060508', "icon": 'http://google-maps-icons.googlecode.com/files/sailboat-tourism.png', "description": 'Vikash Rathee. This is a trial. Description
a href="http://www.pricingindia.in/pincode.aspx">Pin Code by City/a>' ]; /script> a href="http://www.pricingindia.in/pincode.aspx">Pin Code by City/a>' ]; /script> a href="http://www.pricingindia.in/pincode.asp function.onload = window.onload () var mapOptions = center: new google.maps.LatLng(markers[0].lat, markers[0].lng), zoom: 10, flat: true, styles: ["stylers": ["hue": "#4bd6bf", "gamma": "1.58"]], mapTypeId: google.maps.MapTypeId.ROADMAP]], mapTypeId: google.maps.MapTypeId (document.getElementById("dvMap"), mapOptions); for I = 0; I markers.length; i++); for I = 0; I markers.length; i++); data = markers var data var data var data var data var data var data I var marker = new google.maps.Marker(position: myLatlng, map: map, title: data.title); (function) var myLatlng = new google.maps.LatLng(data.lat, data.lng); (function) var myLatlng = new google.maps.LatLng(data.lat, data.lng); (function) var myLatlng = new google.maps.La (marker, data) (e) infoWindow.setContent(data.description); infoWindow.open(map, marker); )(marker, data); )(marker, data); )(marker, data); )(marker, data); )(marker, data); )(marker, data); )(marker, data); )(marker, data); )(marker, data); )(marker, data); )(marker, data /div> div id="dvMap" style="width: 100 percent ; height: 100 percent "> div id="dvMap" style="width: 100 percent ; height: 100 percent "> div id="dvMap" style="width:
/* To define the size of the div * element that includes the map, set the map height explicitly. */ #map height: 100%; /* Optional: Fills the window with the example page. */ body html, height: 100%; margin: 0; padding: 0; !DOCTYPE html> html> html> html> html> html> html> html> html> html> html> html> html> html> html Icons Made with a Marker /title> src="https://polyfill.io/v3/polyfill.min.js?features=default">script src="https://polyfill.io/v3/polyfill.min.js?features=default">script src="https://polyfill.io/v3/polyfill.min.js !— jsFiddle will add css and js to the page —> /head> /body> div id="map">/div> div id="map">/div> div id="map">/div> div id="map"> !— An async script runs immediately after any DOM items utilized in the callback. --> src=script "https://maps.googleapis.com/maps/api/js?key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly&channel=2&key=AIzaSyB41DRUbKWJHPxaFjMAwdrzWzbVKartNGg&callback=initMap&v=weekly& "/body> /html> async >/script> async >/script> async >/script> async >/script> async >
