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>
