2017-06-13 11 views
1

ヘルプgeoXml3で自分のサイトにKMLマップを表示しています。ポリゴンとマーカーがあります。しかし、クリックしてポリゴンを使って何かしたいときは、何も起こりません。私は色を押したポリゴンを変更し、色の兄弟ポリゴンを変更したい。私を助けることができますか?私は解決策を持っていると信じていカラーポリゴン(kml + geoXml)の変更方法は?

function initialize(){ 
    myLatLng = new google.maps.LatLng(-34.397, 150.644); 

    var myOptions = { 
     center: {lat: 55.864237, lng: -4.251806}, 
     zoom: 12, 
     scrollwheel: false, 
     mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 

    map = new google.maps.Map(document.getElementById("map"), myOptions); 

    geoXml = new geoXML3.parser({ 
     map: map, 
     singleInfoWindow: true, 
     afterParse: myfunction 
    }); 
    geoXml.parse('http://165.227.72.239/wp-content/uploads/2016/09/glasgow.kml'); 
} 

function myfunction(doc){ 

    google.maps.event.addListener(doc,"click",function() { 
     console.log('gdf'); 
     for (var i=0;i<doc.gpolygons.length;i++) 
      doc.gpolygons[i].setOptions({strokeColor: "#000"}); 
    }); 
} 
initialize(); 

答えて

0

: それは私のコードです。

加えて、私はplug to my GeoXML3 example on Github

var geoXml; 

function initialize() { 
    myLatLng = new google.maps.LatLng(-34.397, 150.644); 

    var myOptions = { 
     center: {lat: 55.864237, lng: -4.251806}, 
     zoom: 12, 
     scrollwheel: false, 
     mapTypeId: google.maps.MapTypeId.HYBRID 
    }; 

    map = new google.maps.Map(document.getElementById("map"), myOptions); 

    geoXml = new geoXML3.parser({ 
     map: map, 
     singleInfoWindow: true, 
     afterParse: myfunction 
    }); 
    geoXml.parse('http://165.227.72.239/wp-ontent/uploads/2016/09/glasgow.kml'); 
} 

function myfunction(doc){ 
    // doc coming in is an array of objects from GeoXML3, one per KML. Since there's only 1, 
    // we'll assumpe 0 is our target and we wnant gpolygons, an array of Google Maps Polygon instances 
    var polygons = doc[0].gpolygons; 

    for (polygonindex = 0, loopend = polygons.length; polygonindex < loopend; polygonindex++) { 
     google.maps.event.addListener(polygons[polygonindex], "click", function() { 
      console.log('gdf'); 
      this.setOptions({strokeColor: "#000"}); 
     }); 
    } 
} 
initialize(); 
を与えます
関連する問題