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

Popular posts from this blog

plot - Remove Objects from Legend When You Have Also Used Fit, Matlab -

java - Why does my date parsing return a weird date? -

Need help in packaging app using TideSDK on Windows -