0

カスタム マーカーとして配置する png 画像があります。コードは簡単です:

<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 i = 0 ; i < 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>

私の問題は、PNGの比率shadow.pngも持っていないことです。pointer.pngどちらもGIFのようです。どうすればこれを解決できますか?

4

1 に答える 1

1

問題は、同じ位置に複数のマーカーを作成していることです。したがって、それらは透明ですが、10 個のマーカーが互いに重なり合っており、1 つの完全に不透明なマーカーのように見えます。

私の主張を理解するためにループを1回の繰り返しに減らした更新されたPlunkerを次に示します。

于 2013-08-07T16:37:53.750 に答える