Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About ChristopherSchreiber
ChristopherSchr
Frequent Contributor
since
07-27-2015
07-31-2024
130
Posts created
104
Kudos given
9
Solutions
336
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(4 Idea Submissions)Latest Contributions by ChristopherSchreiber
|
POST
|
No problem! Happy to help! Don't forget to mark this question as "Answered"
... View more
06-19-2017
01:26 PM
|
1
|
0
|
1911
|
|
POST
|
Yes, Here is an example using your html file. <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
<title>Underground Utilities Caltrans District 7</title>
<style>
html,
body {
font-family: sans-serif;
padding: 0;
margin: 0;
height: 100%;
width: 100%;
overflow: hidden;
color: white;
text-align: center;
}
#viewDiv {
position: absolute;
right: 0;
left: 0;
top: 0;
bottom: 60px;
}
#viewy {
position: absolute;
width: 1150px;
height: 40px;
left: 10%;
text-align: justify;
z-index: 1;
text-align: center;
-webkit-text-stroke-width: 1.2px;
-webkit-text-stroke-color: black;
font-size: 35px
}
.footer {
position: absolute;
bottom: 0;
width: 100%;
height: 60px;
}
.btns {
margin: 0 auto;
display: flex;
flex-direction: row;
justify-content: center;
align-items: center;
overflow: auto;
}
.btn-switch {
flex-grow: 4;
background-color: #54A0CD;
color: #FFF;
margin: 1px;
width: 50%;
padding: 20px;
overflow: auto;
text-align: center;
cursor: pointer;
font-size: 0.7em;
}
.active-map {
color: #fff;
background-color: #54CDB4;
}
</style>
<link rel="stylesheet" href="https://js.arcgis.com/4.3/esri/css/main.css">
<script src="https://js.arcgis.com/4.3/"></script>
<script>
require([
"dojo/dom-construct",
"esri/views/MapView",
"esri/widgets/Legend",
"esri/WebMap",
"esri/widgets/Search",
"dojo/on",
"dojo/domReady!"
], function(
domConstruct, MapView, Legend, WebMap, Search,
on
) {
var webmapids = [
"ba7b97b7d6b24c6381eba23062f8aab1",
"7884594fbc904ac6bdb540727ff2f5d7",
"bde977a8dcb34a719a1b0bc30df9542d",
"e857341735434b67ae844244ae4701ca",
"4818da5fb8de4fafaa5499b4873c1bd7",
];
/************************************************************
* Create multiple WebMap instances
************************************************************/
var webmaps = webmapids.map(function(webmapid) {
return new WebMap({
portalItem: {
id: webmapid
}
});
});
/************************************************************
* Initialize the View with the first WebMap
************************************************************/
var view = new MapView({
map: webmaps[0],
container: "viewDiv"
});
on(document.querySelector(".btns"), ".btn-switch:click", function(
event) {
/************************************************************
* On a button click, change the map of the View
************************************************************/
var id = event.target.getAttribute("data-id");
if (id) {
var webmap = webmaps[id];
view.map = webmap;
var nodes = document.querySelectorAll(".btn-switch");
for (var idx = 0; idx < nodes.length; idx++) {
var node = nodes[idx];
var mapIndex = node.getAttribute("data-id");
if (mapIndex === id) {
node.classList.add("active-map");
} else {
node.classList.remove("active-map");
}
}
}
});
//******************* MY EDIT: ADD LEGEND HERE ***************************//
var legend = new Legend({
view: view
});
//************************************** END MY EDITS ******************//
var logo = domConstruct.create("img", {
src: "https://onramp.dot.ca.gov/hq/paffairs/CT_No_Logotype/CT_logo_no_type.gif",
style: "height:50px;width:80px;",
id: "logo",
title: "Office of Surveys, Geospatial Unit"
});
var search = new Search({
view: view
});
view.ui.add(logo, "bottom-right");
view.ui.add(search, "top-right");
view.ui.add(legend, "top-right");
});
</script>
</head>
<body>
<section class="footer">
<div class="btns">
<div class="btn-switch active-map" data-id="0">Caltrans Utilities</div>
<div class="btn-switch" data-id="1">Electrical</div>
<div class="btn-switch" data-id="2">Natural Gas</div>
<div class="btn-switch" data-id="3">Wastewater</div>
<div class="btn-switch" data-id="4">Water</div>
<div class="btn-switch" data-id="5">Utility Listing</div>
</div>
</section>
<div id="viewy"><b>Underground Utilities within Caltrans District 7<b></div>
<div id="viewDiv"></div>
</body>
</html> The styling is not the greatest, so you may want to fancy it up! But it does work! Chris
... View more
06-19-2017
01:15 PM
|
1
|
0
|
1911
|
|
POST
|
Hello, I am using the Smart Editor Widget in a v2.1 WAB DE application. I noticed that when I start the Smart Editor widget, any labels that are created for a layer disappear for that layer. Once I turn off the Smart Editor widget, the labels re-appear. Has anyone come across this, and if so, is this a bug, or is it supposed to behave this way? Before SE widget is turned on: While SE widget is active: After SE widget is closed: Thank you! Chris
... View more
06-19-2017
12:57 PM
|
0
|
1
|
1780
|
|
POST
|
Thank you all, It turns out I was loading the modules in the incorrect order. Such a headache over such a simple mistake! haha Chris
... View more
06-16-2017
06:38 AM
|
1
|
2
|
4782
|
|
POST
|
Hello all, If you utilize the Print Widget while the "GeoLocation" widget is active, the print widget fails immediately. It does add this to the Web_Map_as_JSON property though: {
"id":"map_graphics",
"opacity":1,
"minScale":0,
"maxScale":0,
"featureCollection":{
"layers":[
{
"layerDefinition":{
"name":"pointLayer",
"geometryType":"esriGeometryPoint"
},
"featureSet":{
"geometryType":"esriGeometryPoint",
"features":[
{
"geometry":{
"x":-8918372.693449495,
"y":4923226.038599581,
"spatialReference":{
"wkid":102100
}
},
"attributes":{
"position":{
"coords":{
"latitude":40.393059099999995,
"longitude":-80.115105,
"altitude":null,
"accuracy":6065,
"altitudeAccuracy":null,
"heading":null,
"speed":null
},
"timestamp":1497552113031
}
},
"symbol":{
"angle":0,
"xoffset":0,
"yoffset":0,
"type":"esriPMS",
"url":"https://js.arcgis.com/3.17/esri/dijit/images/sdk_gps_location.png",
"width":21,
"height":21,
"style":"esriSMSSquare"
},
"infoTemplate":{
"title":"Your Current Location:",
"content":"<b>Address: </b>198 Cluxton Rd, Collier Twp, Pennsylvania, 15106<br><b>Latitude: </b> 40.393059<br><b>Longitude: </b> -80.115105"
}
}
]
}
}
]
}
} I do not know if there is anything in here that would cause this to fail. Is this an issue anywhere else? Thank you, Chris
... View more
06-15-2017
11:52 AM
|
0
|
0
|
854
|
|
POST
|
I have, and it returns a valid Rest URL that I can open in a new tab. I will post more code as soon as I am able to. Thanks! Chris
... View more
06-12-2017
07:05 AM
|
0
|
1
|
4782
|
|
POST
|
Hello all! I am attempting to add a layer via a URL that the user provides via a text box in the UI. I can capture the layer URL and work with it in JS, but when I attempt to use it to create a layer, I get the following error in the console "Uncaught TypeError: a.hasChildNodes is not a function" Here is the JS code that attempts to use the entered URL to create a new Dynamic Map Service Layer: NOTE: The URL I have been working with is: nowcoast/mapoverlays_political (MapServer) var layerURLbox = registry.byId("LayerURLbox");
on(dom.byId("layerSubmit"), "click", getValue);
function getValue() {
console.log(layerURLbox.get("value"));
layerValue = layerURLbox.get("value")
getLayerType(layerValue);
}
function getLayerType(layerURLValue) {
if (layerURLValue.indexOf("MapServer")) {
console.log("Map Service");
var layer = new ArcGISDynamicMapServiceLayer(layerURLValue, {
id: "Test"
})
map.addLayer(layer);
} The console error I mentioned occurs on line 14, where I attempt to create the new ArcGISDynamicMapServiceLayer. It does not make it to map.addLayer. If anyone has any pointers or has tried this before, please let me know! Thank you! Chris
... View more
06-09-2017
03:37 PM
|
0
|
12
|
7806
|
|
POST
|
Shaun, We were able to develop our own proxy that resides within our application. It is similar to the Esri proxy. Unfortunately, I am not able to share it at this time, but I can tell you how we made it work with the Print widget. NOTE: These would only work for the DotNet version of the Esri resource proxy. Get the "Web_Map_as_JSON" (WMAJ) parameter (and data it contains) from the the request. Using a library like Newtonsoft.Json, deserialize the WMAJ data from a JSON object into a DotNet Object Get the "Operational Layers" section of the WMAJ object and add each layer into an array. Compare the Layer URL's of the layers from the WMAJ object and the URL's that are defined in the proxy.config file. If a layer's URL matches a URL from the proxy config file, use the credential info to generate a token for it. Apply the token to the layer in the array of "Operational Layers" Serialize the DotNet WMAJ object (now with tokens for the secured layers) and send the request on its way. I include the print task URL in the app's config.json file and the proxy's proxy.config file. I am sorry that I am unable to provide more info at this time, I hope that this helps! Chris
... View more
05-22-2017
02:28 PM
|
4
|
0
|
8102
|
|
POST
|
Hello, Can Graphics Layers be Queried? I cannot see anywhere that says that they cannot. I know that CSV Layers cannot be queried. Thanks, Chris
... View more
05-03-2017
07:22 AM
|
0
|
8
|
6072
|
|
POST
|
Hello all, I found this solution for those applications that do not use a proxy. //working around an arcgis server feature service bug. Requests to queryRelatedRecords operation fail with feature service 10.
//Detect if request conatins the queryRelatedRecords operation and then change the source url for that request to the corresponding mapservice
esriRequest.setRequestPreCallback(function(ioArgs) {
if (ioArgs.url.indexOf("queryRelatedRecords") !== -1) {
ioArgs.url = ioArgs.url.replace("FeatureServer", "MapServer");
}
return ioArgs;
}); It intercepts the request like the proxy and changes the URL. This was found on this site: Query and edit related records | ArcGIS API for JavaScript 3.20 Thanks, Chris
... View more
04-11-2017
06:14 AM
|
1
|
0
|
3034
|
|
POST
|
Hello all, I have been working with WAB 2.1 DE and I wanted to be able to show the address of your location when the Locate Button is clicked. By default there is no popup that is displayed when the symbol that displays your location is clicked. I have made some edits to make this happen. Here is the code. It is the entire "widget.js" file for the "MyLocation" widget. ///////////////////////////////////////////////////////////////////////////
// Copyright © 2014 Esri. All Rights Reserved.
//
// Licensed under the Apache License Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
// http://www.apache.org/licenses/LICENSE-2.0
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,
// WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
// See the License for the specific language governing permissions and
// limitations under the License.
///////////////////////////////////////////////////////////////////////////
define([
'dojo/_base/declare',
'jimu/BaseWidget',
"esri/dijit/LocateButton",
"esri/InfoTemplate",
"esri/tasks/locator",
"esri/geometry/Point",
'dojo/_base/html',
'dojo/on',
'dojo/_base/lang',
'jimu/utils',
'jimu/dijit/Message',
'dojo/touch'
],
function (
declare, BaseWidget, LocateButton, InfoTemplate, Locator, Point, html, on, lang, jimuUtils) {
var geoLocate;
var clazz = declare([BaseWidget], {
name: 'MyLocation',
baseClass: 'jimu-widget-mylocation',
startup: function () {
this.inherited(arguments);
this.placehoder = html.create('div', {
'class': 'place-holder',
title: this.label
}, this.domNode);
this.isNeedHttpsButNot = jimuUtils.isNeedHttpsButNot();
if (true === this.isNeedHttpsButNot) {
console.log('LocateButton::navigator.geolocation requires a secure origin.');
html.addClass(this.placehoder, "nohttps");
html.setAttr(this.placehoder, 'title', this.nls.httpNotSupportError);
} else if (window.navigator.geolocation) {
this.own(on(this.placehoder, 'click', lang.hitch(this, this.onLocationClick)));
} else {
html.setAttr(this.placehoder, 'title', this.nls.browserError);
}
},
onLocationClick: function () {
if (html.hasClass(this.domNode, "onCenter") ||
html.hasClass(this.domNode, "locating")) {
html.removeClass(this.domNode, "onCenter");
html.removeClass(this.placehoder, "tracking");
this._destroyGeoLocate();
} else {
this._createGeoLocate();
this.geoLocate.locate();
html.addClass(this.placehoder, "locating");
}
},
onLocate: function (parameters) {
html.removeClass(this.placehoder, "locating");
if (this.geoLocate.useTracking) {
html.addClass(this.placehoder, "tracking");
}
if (parameters.error) {
console.error(parameters.error);
// new Message({
// message: this.nls.failureFinding
// });
} else {
html.addClass(this.domNode, "onCenter");
this.neverLocate = false;
}
},
_createGeoLocate: function () {
var json = this.config.locateButton;
json.map = this.map;
if (typeof (this.config.locateButton.useTracking) === "undefined") {
json.useTracking = true;
}
json.centerAt = true;
this.geoLocate = new LocateButton(json);
this.geoLocate.infoTemplate = new InfoTemplate({}),
this.geoLocate.startup();
this.geoLocate.own(on(this.geoLocate, "locate", lang.hitch(this, this.onLocate)));
on(this.geoLocate, "locate", lang.hitch(this, addPoint));
},
_destroyGeoLocate: function () {
if (this.geoLocate) {
this.geoLocate.clear();
this.geoLocate.destroy();
}
this.geoLocate = null;
},
destroy: function () {
this._destroyGeoLocate();
this.inherited(arguments);
}
});
var locator = new Locator("https://geocode.arcgis.com/arcgis/rest/services/World/GeocodeServer");
var address;
function addPoint(evt) {
var latitude = evt.position.coords.latitude;
var longitude = evt.position.coords.longitude;
locator.locationToAddress(new Point(longitude, latitude), 100);
locator.on("location-to-address-complete", lang.hitch(this, function (AddressEvt) {
if (AddressEvt.address.address) {
address = AddressEvt.address.address.Match_addr
}
else
address = "No Address Available."
this.geoLocate.infoTemplate.setTitle("Your Current Location:");
this.geoLocate.infoTemplate.setContent(
"<b>Address: </b>" + address +
"<br><b>Latitude: </b> " + latitude.toFixed(6) + "<br><b>Longitude: </b> " + longitude.toFixed(6)
);
}));
}
clazz.inPanel = false;
clazz.hasUIFile = false;
return clazz;
}); Please let me know if there are suggestions/questions! I will be testing this in the newer versions of WAB. Thank you! Chris
... View more
04-03-2017
06:55 AM
|
0
|
0
|
1382
|
|
POST
|
Lefteris, Here is the entry that I am referencing: No use of Content with a non-Google map. You must not use the Content in a Maps API Implementation that contains a non-Google map. This is Requirement 10.4.e. Link: Google Maps APIs Terms of Service | Google Maps APIs | Google Developers I am not sure how licensing works with this though, I would contact a Google rep just to be sure. Chris
... View more
02-14-2017
08:43 AM
|
1
|
1
|
1471
|
|
POST
|
Is this allowed with Google Maps TOS? I have read before that Google does not allow it's maps to be used in any application that is based off of another mapping API (Like Esri). Thanks, Chris
... View more
02-14-2017
05:54 AM
|
0
|
2
|
1471
|
My kudoed posts
| Title | Kudos | Posted |
|---|---|---|
| 1 | 06-10-2016 07:23 AM | |
| 1 | 05-24-2021 02:27 PM | |
| 1 | 11-02-2016 02:19 PM | |
| 1 | 05-18-2016 08:47 AM | |
| 1 | 01-04-2017 06:06 AM |
Activity Feed
- Got a Kudo for Re: How do I get the ID of a web map layer?. 2 weeks ago
- Got a Kudo for Web AppBuilder Edit in Attribute Table. 11-19-2025 10:33 AM
- Got a Kudo for Funny Sample Layer. 05-20-2025 10:11 AM
- Got a Kudo for Copy popup Template on ArcGIS Online and Portal for ArcGIS. 03-21-2025 02:36 AM
- Got a Kudo for Re: Can i use Google maps (satellite basemap) as my basemap. 12-11-2024 06:15 AM
- Posted Re: Dynamically Set Width of FeatureTable Columns on ArcGIS JavaScript Maps SDK Questions. 07-30-2024 10:15 AM
- Posted Re: Dynamically Set Width of FeatureTable Columns on ArcGIS JavaScript Maps SDK Questions. 07-30-2024 10:13 AM
- Kudoed Re: Help with adding a weather radar layer that loops to ArcOnline for FredericPoliart_EsriAU. 07-30-2024 10:11 AM
- Kudoed Re: Web AppBuilder Print widget and proxy service for Anonymous User. 07-30-2024 10:09 AM
- Got a Kudo for Copy popup Template on ArcGIS Online and Portal for ArcGIS. 04-16-2024 08:34 AM
- Got a Kudo for Re: Can i use Google maps (satellite basemap) as my basemap. 03-06-2024 02:25 PM
- Got a Kudo for Web AppBuilder Edit in Attribute Table. 10-30-2023 08:44 AM
- Got a Kudo for Web AppBuilder Edit in Attribute Table. 10-05-2023 10:39 AM
- Got a Kudo for Web AppBuilder Edit in Attribute Table. 09-01-2023 07:42 AM
- Got a Kudo for Re: ArcGIS online does't support secured WMS ?. 08-30-2023 10:31 AM
- Got a Kudo for Web AppBuilder Edit in Attribute Table. 03-21-2023 03:14 AM
- Got a Kudo for Re: Can i use Google maps (satellite basemap) as my basemap. 09-29-2022 01:28 PM
- Got a Kudo for Web AppBuilder Edit in Attribute Table. 09-12-2022 06:56 AM
- Got a Kudo for Web AppBuilder Edit in Attribute Table. 08-25-2022 01:53 PM
- Got a Kudo for Web AppBuilder Edit in Attribute Table. 07-26-2022 09:08 AM
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
07-31-2024
12:30 PM
|