Code Monkey home page Code Monkey logo

Comments (6)

thor-schueler avatar thor-schueler commented on August 10, 2024

Take a look at #38 and #57. If you have that many info boxes, it is better to consolidate into one infobox outside the markers. #57 has a basic approach sample (I will add a plunker sample too in the next few days).

The behavior that you are seeing is more likely in the underlying Bing layer....

from angular-maps.

drewteachout avatar drewteachout commented on August 10, 2024

Do I just add this tag to the html?

[IMarkerEvent]="click()"

Or do I have to use angular's (click), and if so how do I know the lat and long of where I clicked?

from angular-maps.

thor-schueler avatar thor-schueler commented on August 10, 2024

add

(MarkerClick)="ShowCard($event)"

to your x-map-marker. A click on the marker raises this event. It passes an IMarkerEvent to the handler... The IMarkerEvent contains, among other things, a handle to the Marker object, which has a copy of the Metadata you supplied on the marker, so you can pass arbitrary data through to the info box....

from angular-maps.

drewteachout avatar drewteachout commented on August 10, 2024

Is there a PolylineClick attribute? Or will the regular (click) work? I see there is a polyline event, but polyline has no metadata

from angular-maps.

thor-schueler avatar thor-schueler commented on August 10, 2024

The Polyline has a click event. It actually is (Click) (capital C). Unfortunately, it currently emits only a MouseEvent. We have already refactored Polygon to emit an IPolygon Event and there is an IPolyline Event as well. We just have not had the chance yet to refactor Polyline to emit IPolyline yet as opposed to MouseEvent. The change is trivial and if you want to do it, please feel free to make the change and submit a PR. You can use the Polygon as a go by, the only change necessary is in AddEventListeners....

from angular-maps.

thor-schueler avatar thor-schueler commented on August 10, 2024

@drewteachout - I have changed the polyline to emit IPolylineEvent instead of MouseEvent. That should solve your problem. The event has two properties: The original MouseEvent in the Click property and a reference to the emitting Polyline Component in the Polyline property. See PR #59.

This is now part of version 0.8.0 (I reved the minor version since this is a potentially breaking change).

from angular-maps.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.