My location widget not working in Chrome but working in IE

715
5
03-28-2018 07:53 AM
JeffCook1
New Contributor III

In Chrome, the My Location widget is not working at https://trails.idaho.gov/, but it does work on my base web app at https://idaho.maps.arcgis.com/apps/webappviewer/index.html?id=2252207eb95b49f99b2c05228831dfbb

It appears that using our iframe at trails.idaho.gov is the issue. Here is the code that we are using

<head>

<title>Idaho Trails Map v2</title>

              <meta http-equiv="Content-Type" content="text/html; charset=utf-8">

              <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">

 

              <meta name="fragment" content="!">

              <meta name="apple-mobile-web-app-capable" content="yes">

              <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">

<META NAME="Keywords" CONTENT="Idaho Department of Parks and Recreation, outdoor recreation, trails.idaho.gov, Idaho Trails, Trails Idaho, Trails in Idaho, Idaho mountain trails, Idaho Trail System, atv trails, motorcycle trails, parks, ohv, trail riding, map">

  <meta name="description" content="This is an interactive Idaho Trails Map.">

 

              <!-- Facebook sharing -->

              <meta property="og:type" content="article"/>

              <meta property="og:title" content="Idaho Trails Map"/>

              <meta property="og:description" content="This is an interactive Idaho Trails Map."/>

              <meta property="og:image" content="https://trails.idaho.gov/pages/images/logo.png"/>

 

 

              <link type="image/ico" rel="shortcut icon" href="https://resources.esri.com/favicon.ico">

              <link type="image/ico" rel="icon"  href="https://resources.esri.com/favicon.ico">

 

  <style>

    html, body {

      margin: 0;

    }

 

    iframe{

      position: absolute;

      height: 100%;

      width: 100%;

      border: none;

    }

  </style>

</head>

<body>

  <iframe src="https://idaho.maps.arcgis.com/apps/webappviewer/index.html?id=2252207eb95b49f99b2c05228831dfbb"  frameborder="0" scrolling="no"></iframe>

</body>

</html>

0 Kudos
5 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Jeff,

   Here is some info on the issue you are encountering in Chrome:

Deprecating Permissions in Cross-Origin Iframes - The Chromium Projects 

AlanoodAladba
New Contributor

Hi Robert

   I have the same issue while adding your enhanced Bookmark in our Portal, it was appearing in IE but not in Chrome/Firefox. But the thing is, from my PC where I configured the widget, it is working fine with Chrome/Firefox.  But not with other users of the Portal.  I tried logging in with my Portal Account from their PC , still it doesnt show up in Chrome/Firefox.

  From the link you provided, there seems a way to make it work but not really sure if it applies to your enhanced widget.

 Kindly advice and thank you.

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Alanood,

   This is a completely different subject then what you are experiencing. This thread is concerning the my location widget and the fact that Chrome will not allow access to geolocation services without the use of https protocol. The fact that my enhanced bookmark will not show in some for some user in Portal is really a subject for a new thread. Hint. Look at the browsers developer tools on the machine that it will not load on.

JeffCook1
New Contributor III

The location widget on my app has been resolved.

0 Kudos
RobertScheitlin__GISP
MVP Esteemed Contributor

Don't forget to mark this question as answered then.

0 Kudos