1

最近、Google マップにカスタム マーカーを追加する方法を学びました。だから私は方向APIでルートを作成しました。その後、独自のマーカーを追加しました。現在、オリジナルとカスタムの両方が表示されるという問題に直面しています。デフォルトのマーカーを削除してオリジナルのマーカーを表示するにはどうすればよいですか。

ここに画像の説明を入力

カスタム マーカーを追加するために私が書いたコード

 function addmarkers()
   {
             $.each(order,function(key,value)
                     {
                       geocoder.geocode( { 'address': waypts[value]}, function(results) 
                       {
                                var source = 'images/markers/'+i+'.png';
                                var latlang =  results[0].geometry.location;
                                var marker = new google.maps.Marker({
                                position: latlang,
                                map: map,
                                icon: source
                               });     
                       });                               
                    });


   };

関数の直後にこの関数を呼び出していinitialize()ます

           function initialize()                  // creating maps
                { 
                    google.maps.visualRefresh = true;
                    currentlocation = new google.maps.LatLng(mylat,mylong);
                    var mapoptions = 
                    {
                      zoom: 14,
                      mapTypeId: google.maps.MapTypeId.ROADMAP,
                      center: currentlocation
                    }
             map = new google.maps.Map(document.getElementById('map'),mapoptions);
                        addmarkers();
                        directionsDisplay.setMap(map);

};

写真でわかるように、デフォルトのマーカーとカスタマイズされたマーカーの両方を取得しています。これはどこが間違っていますか？

4

0 に答える 0