Comments (6)
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.
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.
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.
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.
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.
@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)
- Unhandled Promise rejection by Zone.js Error in Angular7 HOT 1
- How can I add get current location functionality
- use new Microsoft.Maps.DrawingTools with angular-maps HOT 6
- x-map-polygon events (moving a polygon point or creating a new point) HOT 1
- Show current location functionality with circle around the location HOT 1
- trigger MouseDown in x-map-polygon HOT 1
- Not updated polygon after add a point in the Paths
- Help use BingMapService HOT 1
- Cannot change Bingmaps height/width HOT 1
- BoundsChange emits wrong value
- Marker events does not trigger
- Font Awesome 5 not working
- Angular-Maps not working in Angular 9 HOT 9
- Spider cluster marker dynamic data loading issue
- x-map-polyline [Paths] are not working
- multilayer markers dynamic update not working
- CreateMap() this._loader.Load is not a function
- Image overlay
- Can I dynamically change keys for map? And switch map provider as well?
- Cannot read properties of undefined (reading 'nativeElement')
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
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.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from angular-maps.