Google Maps' custom marker doesnt have transparency -
i have png image place custom marker. code simple:
<script type="text/javascript"> document.write('<div id="gmap" style="width:960px; height:360px;"></div>'); var map_center = new google.maps.latlng(xxx, xxx); var map = new google.maps.map( document.getelementbyid("gmap"), { zoom: 11, center: map_center, maptypeid: google.maps.maptypeid.roadmap, pancontrol: false, streetviewcontrol: false, maptypecontrol: false, styles: [ { featuretype: 'all', elementtype: 'all', stylers: [ { visibility: "on" }, { saturation: -100 } ] }] }); var pos; var marker; for(var = 0 ; < 10 ; i++) { pos = new google.maps.latlng(xxx, xxx); marker = new google.maps.marker({ position: pos, map: map, title: 'tu jesteśmy', icon: 'pointer.png', optimized: false, shadow: 'shadow.png' }); } </script>
my problem is, neither shadow.png
nor pointer.png
has png proporties. both gifs. how can solve this?
the issue you're creating multiple markers @ same position, while are transparent, have 10 stacked on top of 1 giving appearance of 1 opaque marker.
here's updated plunker loop reduced single iteration point across.
Comments
Post a Comment