Please Note This forum exists for community support for the Mango product family and the Radix IoT Platform. Although Radix IoT employees participate in this forum from time to time, there is no guarantee of a response to anything posted here, nor can Radix IoT, LLC guarantee the accuracy of any information expressed or conveyed. Specific project questions from customers with active support contracts are asked to send requests to support@radixiot.com.
Google maps marker on click
-
Is there a simple way that I am un aware of to make a marker in a google map, when clicked on, can link to another ui/page???
Thanks
<div class="ma-designer-root" id="7083531f-3799-4038-8d36-d8092ddc6a3e" style="height: 600px; width: 1500px;" ma-maintain-ratio="letterbox" ma-scale-to="ma-ui-page-view"> <ma-map id="b6d480d5-6d25-4f07-8726-f585b45ffdfa" lat="-32.5" long="119" map-type="roadmap" info-window-theme="dark" desktop-height="400px" mobile-height="600px" zoom="7" style="width: 50%; height: 0px;"> <marker id="marker1" position="-35.021432, 117.882540" icon="{url: 'img/map-markers/green-dot.png'}" draggable="false" ng-click="$state.go('ui.lockyerHome')"></marker> </ma-map> </div>
-
Hey @Pikey4 yeah its a bit strange with the
<ma-map>
component, you have to use theon-click
attribute with the<marker>
components inside of it. This is behaviour from the underlying frame work that we use - https://ngmap.github.io/#/!infowindow_ng_click.htmlHave a read of our example page if you haven't seen it already - http://yourmangodomain:8080/ui/examples/utilities/google-maps
-
Thanks Jared,
I think I understand it a bit better now. Will see how we go setting a few markers up.