<?xml version="1.0" encoding="UTF-8"?>
<rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" version="2.0">
  <channel>
    <title>topic Re: How to display an Esri Map on MVC view from an HTML file? in ArcGIS JavaScript Maps SDK Questions</title>
    <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-an-esri-map-on-mvc-view-from-an/m-p/478340#M44465</link>
    <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I found a similar thread that might be useful: &lt;A _jive_internal="true" href="https://community.esri.com/thread/218140-use-arcgis-javascript-api-on-aspnet-mvc"&gt;Using ArcGIS API for JavaScript with&amp;nbsp;&lt;SPAN style="color: #242729; background-color: #ffffff;"&gt;ASP.Net MVC&lt;/SPAN&gt;&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: #242729; background-color: #ffffff;"&gt;And we have a .&lt;A _jive_internal="true" href="https://community.esri.com/groups/net-and-the-esri-javascript-api"&gt;NET and the Esri JavaScript API place&lt;/A&gt; on GeoNet as well that might be helpful.&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
    <pubDate>Thu, 13 Feb 2020 23:41:15 GMT</pubDate>
    <dc:creator>Noah-Sager</dc:creator>
    <dc:date>2020-02-13T23:41:15Z</dc:date>
    <item>
      <title>How to display an Esri Map on MVC view from an HTML file?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-an-esri-map-on-mvc-view-from-an/m-p/478339#M44464</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P style="color: #242729; background-color: #ffffff; border: 0px; margin: 0px 0px 1em;"&gt;I would like to know how to display an Esri Map on a ASP.Net MVC view from an HTML file.&lt;/P&gt;&lt;P style="color: #242729; background-color: #ffffff; border: 0px; margin: 0px 0px 1em;"&gt;I have an HTML file that contains a JavaScript code. This file can display the map and the widgets when I open it with any internet browser. It is working fine. But now I want to display that map on an ASP.Net MVC view. This is what I have done:&lt;/P&gt;&lt;PRE class="lia-code-sample line-numbers language-none"&gt;&lt;CODE&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;lt;h2&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: #e64320; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;class&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: #0f74bd; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;"panel-title"&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: #e64320; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;data-toggle&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: #0f74bd; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;"collapse"&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: #e64320; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;href&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: #0f74bd; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;"#projectmap"&lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;Project Map&lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;lt;/h2&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;lt;div&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: #e64320; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;id&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: #0f74bd; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;"projectmap"&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: #e64320; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;class&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: #0f74bd; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;"panel-collapse collapse"&lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;  &lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;lt;div&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: #e64320; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;class&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: #0f74bd; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;"panel-body"&lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;    &lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;lt;div&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt; &lt;/SPAN&gt;&lt;SPAN class="" style="color: #e64320; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;class&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;=&lt;/SPAN&gt;&lt;SPAN class="" style="color: #0f74bd; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;"form-group"&lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;       @Html.Raw(File.ReadAllText(Server.MapPath("~/Views/Application/default.html")))     &lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;  &lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;lt;/div&amp;gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #303336; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&lt;/SPAN&gt;&lt;SPAN class="" style="color: #7d2727; border: 0px; font-weight: inherit; font-size: 13px; margin: 0px;"&gt;&amp;lt;/div&amp;gt;

&lt;SPAN style="color: #242729; background-color: #ffffff;"&gt;But it displays only the Sketch widget, it does not display the map. I have also tried to write the JavaScript code manually on the .cshtml file and use the div container to display the map, it still displays the Sketch widget only. I have also tried the partial views, it does not work.&lt;/SPAN&gt;&lt;/SPAN&gt;&lt;/CODE&gt;&lt;/PRE&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Sat, 11 Dec 2021 21:08:01 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-an-esri-map-on-mvc-view-from-an/m-p/478339#M44464</guid>
      <dc:creator>SiyabongaKubeka</dc:creator>
      <dc:date>2021-12-11T21:08:01Z</dc:date>
    </item>
    <item>
      <title>Re: How to display an Esri Map on MVC view from an HTML file?</title>
      <link>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-an-esri-map-on-mvc-view-from-an/m-p/478340#M44465</link>
      <description>&lt;HTML&gt;&lt;HEAD&gt;&lt;/HEAD&gt;&lt;BODY&gt;&lt;P&gt;I found a similar thread that might be useful: &lt;A _jive_internal="true" href="https://community.esri.com/thread/218140-use-arcgis-javascript-api-on-aspnet-mvc"&gt;Using ArcGIS API for JavaScript with&amp;nbsp;&lt;SPAN style="color: #242729; background-color: #ffffff;"&gt;ASP.Net MVC&lt;/SPAN&gt;&lt;/A&gt;&lt;/P&gt;&lt;P&gt;&lt;/P&gt;&lt;P&gt;&lt;SPAN style="color: #242729; background-color: #ffffff;"&gt;And we have a .&lt;A _jive_internal="true" href="https://community.esri.com/groups/net-and-the-esri-javascript-api"&gt;NET and the Esri JavaScript API place&lt;/A&gt; on GeoNet as well that might be helpful.&lt;/SPAN&gt;&lt;/P&gt;&lt;/BODY&gt;&lt;/HTML&gt;</description>
      <pubDate>Thu, 13 Feb 2020 23:41:15 GMT</pubDate>
      <guid>https://community.esri.com/t5/arcgis-javascript-maps-sdk-questions/how-to-display-an-esri-map-on-mvc-view-from-an/m-p/478340#M44465</guid>
      <dc:creator>Noah-Sager</dc:creator>
      <dc:date>2020-02-13T23:41:15Z</dc:date>
    </item>
  </channel>
</rss>

