• If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

Announcement

Collapse
No announcement yet.

display non-google maps

Collapse
X
 
  • Filter
  • Time
  • Show
Clear All
new posts

  • display non-google maps

    What is the best way to show one of our maps (non google) without the map widget - preferrably on that pops up or displays in the existing tab?

  • #2
    You could use the utility widget URL Widget. So for example user clicks a grid then you set the url of your utility widget passing the data from the data source.

    Of course your HTML application will have to pull in the parameters passed and show your custom map etc

    Thanks

    Comment


    • #3
      Below is a example HTML template to get you started:

      Code:
      <!DOCTYPE html>
      <html>
      <head>
          <meta charset="utf-8">
          <meta name="viewport" content="width=device-width, initial-scale=1">
          <title>Your MAP</title>
          <script type="text/javascript" src="/resources/valence.js"></script>
          <script>
              onReady = function () {
      
                  /**
                   * Get the params passed
                   */
                  var params = Valence.getUrlParam();
      
      
                  /**
                   * do something
                   */
      
      
                  // For example purposes place the params in the body
                  //
                  document.querySelector('#params').textContent = JSON.stringify(params, null, 2)
              };
      
      
              // when the dom is ready call the onReady method
              //
              if (document.readyState === 'complete' || (document.readyState !== 'loading' && !document.documentElement.doScroll)) {
                  onReady();
              } else {
                  document.addEventListener('DOMContentLoaded', onReady);
              }
          </script>
      </head>
      <body>
      <h3>My Custom Widget</h3>
      <div>Params Passed:</div>
      <br>
      <div id="params" style="whitespace:pre-wrap;"></div>
      </body>
      </html>
      Below is what you would see from the above HTML if it was passed two parameters cusno & cname.


      Screen Shot 2020-08-21 at 5.02.45 PM.png

      Comment


      • #4
        got it, thanks! will have to try this...

        Comment

        Working...
        X