Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started
I have Google Maps fully working in a custom visual except for the filtering of the rest of the report when I select a marker in the map.
My question is; how can I store the
identity: powerbi.visuals.ISelectionId
in the marker properties such that I can use
this.selectionManager.select(marker.identity, true)
to filter the report on e.g. a click event on the map?
I currently have:
var markers = this.viewModel.dataPoints.map(function (dp, i) { return new google.maps.Marker({ position: new google.maps.LatLng( dp.lat, dp.lng ), title: dp.category, zIndex: i }) })
Thanks for any help or suggestions!
Martijn
Solved! Go to Solution.
I solved it the easy way by creating the click event on creation of the marker:
var markers = this.viewModel.dataPoints.map(function (dp, i) { var marker = new google.maps.Marker({ position: new google.maps.LatLng( dp.lat, dp.lng ), title: dp.category, zIndex: i }) google.maps.event.addListener(marker, 'click', (function (marker) { return function () { thisRef.selectionManager.select(dp.identity) } })(marker)); return marker; })
I solved it the easy way by creating the click event on creation of the marker:
var markers = this.viewModel.dataPoints.map(function (dp, i) { var marker = new google.maps.Marker({ position: new google.maps.LatLng( dp.lat, dp.lng ), title: dp.category, zIndex: i }) google.maps.event.addListener(marker, 'click', (function (marker) { return function () { thisRef.selectionManager.select(dp.identity) } })(marker)); return marker; })
I noticed that it is possible to add custom properties to a Marker, but that typescript forces you to use .set and .get.
Updated code:
var markers = this.viewModel.dataPoints.map(function (dp, i) { var marker = new google.maps.Marker({ position: new google.maps.LatLng( dp.lat, dp.lng ), title: dp.category, zIndex: i }); marker.set('identity',dp.identity); google.maps.event.addListener(marker, 'click', (function (marker) { return function () { thisRef.selectionManager.select(marker.get('identity')); } })(marker)); return marker; });
Check out the September 2024 Power BI update to learn about new features.
Learn from experts, get hands-on experience, and win awesome prizes.
User | Count |
---|---|
41 | |
4 | |
4 | |
3 | |
3 |