[Google Maps] ESRI Map

[Google Maps] ESRI Map

  
Forge Component
(20)
Published on 18 Oct (4 days ago) by Labs
20 votes
Published on 18 Oct (4 days ago) by Labs

Hi,

Has anyone done any integration with ESRI ArcGIS maps? Any insight will be really helpful.

Thanks!

Arvinder

Hi Arvinder,

From what I know, integration with ArcGIS maps is a matter of adding some custom html, javascript and CSS to a web page. The simplest way to do that would be to add that code to an xy Expression and set the Escape Content property to No. 

If you can not make it to work, can you share a sample oml with what you are trying to do? Or share the code that you have to insert on a page?

Cheers,

José

Hi Jose,

Thanks for helping . I am attaching the .oml file. It is just a simple screen and I added a container div. I added the css and script but it doesnt seem to work. 

below is the sample html for reference:

<!DOCTYPE html>
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>Simple Map</title>
    <link rel="stylesheet" href="https://js.arcgis.com/3.22/esri/css/esri.css">
    <style>
      html, body, #map {
        height: 100%;
        margin: 0;
        padding: 0;
      }
    </style>
    <script src="https://js.arcgis.com/3.22/"></script>
    <script>
      var map;

      require(["esri/map", "dojo/domReady!"], function(Map) {
        map = new Map("map", {
          basemap: "topo", 
          center: [-122.45, 37.75], // longitude, latitude
          zoom: 13
        });
      });
    </script>
  </head>

  <body>
    <div id="map"></div>
  </body>
</html>
Solution

Hi Arvinder,

You were missing the external css and js scripts.

Check the attached oml.

Cheers,

José

Solution

Thanks for your help Jose.

José Costa wrote:

Hi Arvinder,

You were missing the external css and js scripts.

Check the attached oml.

Cheers,

José


Hello Jose,

I'm also interested to the combination of GIS and Outsystems. I downloaded your attached OML and indeed it showed the basemap.  I then adjusted it with the sample here https://developers.arcgis.com/javascript/latest/sample-code/visualization-multivariate-3d/index.html hoping to see the same map viewer would display something 3D.  But I just cannot see the map.  The reference to css and javascript is correct.  What would be missing then?  In my chrome devtool I don't see any error or complain.  The OML is attached here.

Regards,

Daniel Xu