I'm wondering how to do KML layers using this addon? <a href="https://developers.g

<a class="user-mention notranslate" data-hovercard-type="user" data-hovercard-url="/us

Possible to do KML layers? about ember-g-map HOT 3 CLOSED

asennikov commented on June 27, 2024

Possible to do KML layers?

from ember-g-map.

Comments (3)

asennikov commented on June 27, 2024

so yeah, we don't have support for that feature yet, but you can do it in some hacky way with custom "functional" components:

{{#g-map lat=lat lng=lng zoom=13 as |mapContext|
  {{your-kml-component map=mapContext.map kmlUrl="http://example.com/layer.kml}}
{{/g-map}}

and then your-kml-component component could be something like:

import Ember from 'ember';

export default Ember.Component.extend({
  init() {
    this._super(...arguments);
    this.setKmlLayer();
  },
  mapHasBeenSet: Ember.observer('map', function() {
    Ember.run.once(this, 'setKmlLayer');
  }),
  setKmlLayer() {
    const map = this.get('map');
    const url = this.get('kmlUrl');

    if (Ember.isPresent(map) && Ember.isPresent(url)) {
      const layer = new google.maps.KmlLayer({ url, map });
      this.set('layer', layer);
    }
  }
});

from ember-g-map.

asennikov commented on June 27, 2024

also looks like this feature could be added really easy, so if you can make it work maybe you can consider contributing to the project by adding {{g-map-kml-layer}} component 😃

from ember-g-map.