• Recent
    • Tags
    • Popular
    • Register
    • Login

    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.

    Radix IoT Website Mango 3 Documentation Website Mango 4 Documentation Website Mango 5 Documentation Website

    Using a Google map point to link to a data source in Mango.

    Dashboard Designer & Custom AngularJS Pages
    3
    4
    2.2k
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • S
      Shivan
      last edited by

      Hi All

      I am building an interface to represent data from various datasources. Currently i choose my datasource from a drop down list in the following manner:

      	<div layout="row">
      	    <md-input-container flex="" class="no-errors-spacer">
      	        <h2>Choose a device</h2>
      	        <md-select ng-model="deviceName" ng-init="deviceName='Generators'">
      	    	    <md-option ng-value="'Demo_Gen1'">Demo_Gen1</md-option>
      	    	    <md-option ng-value="'Demo_Gen2'">Demo_Gen2</md-option>
      	    	    <md-option ng-value="'Demo_Gen3'">Demo_Gen3</md-option>
      	    	    <md-option ng-value="'Demo_Gen4'">Demo_Gen4</md-option>
      	    	</md-select>
      	    </md-input-container>
      	</div>
      

      This works fine but now I want to use Google maps and specify the Lat and Long of each site using markers. I have achieved this task. My question is how can I link each marker to a specific datasource? Please let me know if I need to post up any additional code.

      Thank you
      Shivan

      1 Reply Last reply Reply Quote 0
      • Woody BeverleyW
        Woody Beverley
        last edited by

        Hello Shivan,

        Have you looked at this example <Your_Mango_Localhost>/modules/dashboards/web/mdAdmin/#/dashboard/examples/point-arrays/templating?

        I think this will put you on the right track.

        -WoodyB

        1 Reply Last reply Reply Quote 0
        • Will GellerW
          Will Geller
          last edited by Will Geller

          Hi Shivan,

          I think this should be doable depending on how you are implementing the google maps. You will need to find some way to bind in the selected marker from the google maps API into your angular app to set the model 'deviceName'.

          It may be helpful to see the full code you are using to implement the google map. I don't know if you are familiar with polymer web components but it there is a google map component which could prove to be useful for this sort of purpose

          https://elements.polymer-project.org/elements/google-map

          Infinite Automation - UI Developer

          1 Reply Last reply Reply Quote 0
          • S
            Shivan
            last edited by

            Thanks Woody. I did have a look at templating but that doesn't address my current issue exactly. I am using those methods for pulling across data from datasources and its working well.

            Thanks Will for your response. I will spend some time looking into your suggestion and get back to you after some time. Much appreciated.

            Regards
            Shivan

            1 Reply Last reply Reply Quote 0
            • First post
              Last post