Изменить цвет KMLOverlay в Google Map - PullRequest
Новая
       43

Изменить цвет KMLOverlay в Google Map

0 голосов
/ 30 апреля 2020

Я использую Ioni c, я хочу добавить карты Google на этой странице с наложением данных KML поверх него, но я пытаюсь изменить цвет контура и заливки, а также цвет окна информации. данных

Я попытался изменить цвет заливки и контура, но не работает

Код - Typescript 

loadMap() {

    // This code is necessary for browser
    Environment.setEnv({
      'API_KEY_FOR_BROWSER_RELEASE': 'AIzaSyAXAMdFTvN7Oau2dslqfEGBBrWqWeBESwA',
      'API_KEY_FOR_BROWSER_DEBUG': 'AIzaSyAXAMdFTvN7Oau2dslqfEGBBrWqWeBESwA'
    });

    let mapOptions: GoogleMapOptions = {
      camera: {
        target: {
          lat: 1.318753,
          lng: 103.829392
        },
        zoom: 10,
        tilt: 30
      }
    };
    console.log("Map Options");
    this.map = GoogleMaps.create('map_canvas', mapOptions);
    console.log("Map Loaded");

    //KML Overlay


    this.map.addKmlOverlay({
      url: "assets/dengue-clusters-kml.kml"
    }).then((KmlOverlay: KmlOverlay)=> {


    console.log(KmlOverlay);

    this.map.moveCamera(KmlOverlay.getDefaultViewport());

    KmlOverlay.on(GoogleMapsEvent.KML_CLICK).subscribe((params:any)=>{
      let overlay: Polygon = params[0];//depends on overlay
      let latLng: ILatLng = params[1];
      console.log(overlay, latLng);
    });

  });

Данные KML 

<Document>
<Style Id="style32312">
     <PolyStyle>
       <color>7f0000ff</color>
       <colorMode>normal</colorMode>  
       <fill>1</fill>
  <outline>1</outline>  
     </PolyStyle>
  </Style>
<name>DENGUE_CLUSTER</name>
<visibility>1</visibility>
<Schema name="DENGUE_CLUSTER" id="kml_schema_ft_DENGUE_CLUSTER">
<SimpleField type="xsd:string" name="LOCALITY">
<displayName>LOCALITY</displayName>
</SimpleField>
<SimpleField type="xsd:short" name="CASE_SIZE">
<displayName>CASE_SIZE</displayName>
</SimpleField>
<SimpleField type="xsd:string" name="NAME">
<displayName>NAME</displayName>
</SimpleField>
<SimpleField type="xsd:string" name="HYPERLINK">
<displayName>HYPERLINK</displayName>
</SimpleField>
<SimpleField type="xsd:string" name="HOMES">
<displayName>HOMES</displayName>
</SimpleField>
<SimpleField type="xsd:string" name="PUBLIC_PLACES">
<displayName>PUBLIC_PLACES</displayName>
</SimpleField>
<SimpleField type="xsd:string" name="CONSTRUCTION_SITES">
<displayName>CONSTRUCTION_SITES</displayName>
</SimpleField>
<SimpleField type="xsd:string" name="INC_CRC">
<displayName>INC_CRC</displayName>
</SimpleField>
<SimpleField type="xsd:string" name="FMEL_UPD_D">
<displayName>FMEL_UPD_D</displayName>
</SimpleField>
</Schema>
...