0

Google マップでマーカーを生成するには、次のコードで関数 displayLocation を呼び出します。

for (var i=0; i<data.length; i++) {
     displayLocation(data[i]);
}

displayLocation で、作成したいパスとマーカーのすべての位置を含む配列を作成します。パスの最初と最後のマーカーを表示したいだけです。私のdisplayLocation関数は次のようになります:

function displayLocation(location){
                var latLng = new google.maps.LatLng(parseFloat(location.latitud), parseFloat(location.longitud)); 
                if(location.nombreequipo=="AST1"){
                    var path =  new google.maps.LatLng(parseFloat(location.latitud), parseFloat(location.longitud));
                    rutaAST1.push(path);
                }

                var marker = new google.maps.Marker({
                    position: latLng,
                    map: map,
                    icon: imagen,
                    draggable: false,
                    visible: true,
                    title: location.nombreequipo
                });
                arrayMarcadores.push(marker);
                google.maps.event.addListener(marker, 'click', function(){
                    infowindow.setContent(content);
                    infowindow.open(map, marker);
                });
                return marker;
            }

コードのこの部分でパスを設定し、次のように呼び出します。

varBool = true;
dibujaRutaAST1(map, rutaAST1, varBool);

そして機能は次のとおりです。

var ruta = null;
function dibujaRutaAST1(mapa, rutaVar, varBool){
if(!ruta){
    var coordRuta = rutaVar;
    console.log("En función dibujo de rutas AST1: "+rutaVar);
    ruta= new google.maps.Polyline({
        map: mapa,
        path: coordRuta,
        geodesic: true,
        strokeColor: "#FF0000",
        strokeOpacity: 1.0,
        strokeWeight: 3
    });
    console.log(ruta);
}if(varBool){
    ruta.setMap(mapa);
}else{
    ruta.setMap(null);
}
}

マーカー配列の反復:

function mostrarMarcas(nombreEquipo){
                for(var i=0;i<arrayMarcadores.length;i++){
                    if(arrayMarcadores[i].title==nombreEquipo){
                        arrayMarcadores[i].setVisible(true);
                    }
                }
            }

なにか提案を？ありがとう。

4

1 に答える 1

0

最後に、すべてのポイントを使用して、配列から最初と最後のマーカーを作成します。

if(rutaAST1.length!=0){
    dibujaRutaAST1(map, rutaAST1, varBool);
    var imagen ='img/markers/blue_MarkerA.png';
    var markerIniAST1 = new google.maps.Marker({
        position: rutaAST1[0],
        map: map,
        icon: imagen,
        draggable: false,
        visible: true,
        title: "AST1"
    });
    google.maps.event.addListener(markerIniAST1, 'click', function(){
        infowindow.setContent(contentAST1[0]);
        infowindow.open(map, markerIniAST1);
    });
    var markerFinAST1 = new google.maps.Marker({
        position: rutaAST1[rutaAST1.length-1],
        map: map,
        icon: imagen,
        draggable: false,
        visible: true,
        title: "AST1"
    });
    google.maps.event.addListener(markerFinAST1, 'click', function(){
        infowindow.setContent(contentAST1[contentAST1.length-1]);
        infowindow.open(map, markerFinAST1);
    });
}

私のコードのこの部分で私の心をクリアするのを手伝ってくれてありがとう:)

于 2012-04-19T05:53:40.680 に答える