Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About RobertScheitlin__GISP
RobertScheitlin
MVP Emeritus
since
07-03-2014
03-29-2024
29992
Posts created
874
Kudos given
4533
Solutions
10866
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(1 Idea Submissions)Latest Contributions by RobertScheitlin__GISP
|
DOC
|
@LefterisKoumis Does that "Add Widget" sample have a popup template defined for the layer that it adds to the map? Honestly I have never tested this widget if a layer that is added by custom code.
... View more
10-19-2022
10:36 AM
|
0
|
0
|
7851
|
|
DOC
|
@DanielMx Is this app publicly available? I need to look at the widgets config.json so I can see what might be going wrong. Or you could just copy and paste the config.json portion for this layer.
... View more
10-19-2022
10:24 AM
|
0
|
0
|
3049
|
|
DOC
|
@DanielMxI have found the issue in the settings dialog with pre-defined values and have updated the 2.21 download link with the fixed version (2.21.2 of eSearch widget).
... View more
10-19-2022
09:29 AM
|
0
|
0
|
3069
|
|
DOC
|
@LefterisKoumis that is part of the Jewlery Box theme, not this widget.
... View more
10-19-2022
08:35 AM
|
0
|
0
|
7863
|
|
DOC
|
@DanielMx Sounds like it may be a bug. Can you confirm the version you are using? In WAB hold the "Alt" key and click anywhere on the eSearch widget and a dialog with version info will show.
... View more
10-19-2022
08:33 AM
|
0
|
0
|
3081
|
|
DOC
|
@DanielMx I have never had your situation occur. When you said you took a break do you mean you click ok on the "Add expression values" dialog or just leave WAB up and running with that dialog open and now the values you entered are missing?
... View more
10-19-2022
07:16 AM
|
0
|
0
|
3107
|
|
DOC
|
@DanielMx In the eSearch 2.21 version that label has been changed to "Search alias". The NLS property you are looking for in the NLS/strings.js file is searchType
... View more
10-19-2022
07:11 AM
|
0
|
0
|
3113
|
|
DOC
|
@LefterisKoumis This widget does not have a previous or next record controls. It is different from the popup panel widget in WAB. The feature panel widget just concatenates multiple records in the widget. You just scroll down to see the next feature.
... View more
10-19-2022
07:08 AM
|
0
|
0
|
7871
|
|
POST
|
To add to what @jcarlson is saying. The widget controller is responsible for that. Say you are using the foldable theme and adding a widget to the widget controller in the apps header. You will see as outlined in this image you can set a widget to open at start.
... View more
10-04-2022
08:07 AM
|
1
|
1
|
682
|
|
DOC
|
@DanielMx The current version of this widget will work fine in WAB 2.5. Sorry for the delayed response.
... View more
09-29-2022
01:37 PM
|
0
|
0
|
3321
|
|
DOC
|
@AndyWells Sorry for the delay. I have been away for a few weeks. Correct zip file should be attached now.
... View more
09-29-2022
01:32 PM
|
0
|
0
|
4412
|
|
DOC
|
@LabastieMarie Version 1.9 is ready to use (no code changes needed).
... View more
09-16-2022
07:46 AM
|
0
|
0
|
4534
|
|
POST
|
@jaykapalczynski Here are my updates to your code UI wise has a bunch of updates to how things are styled and placed. Functionally the point method was not rendering the proper buffer visualization on the screen due to the improper symbol style being used and because the map is in webmercator the geometryEngine method should be geodesicBuffer and not buffer (my mistake there). <html>
<head>
<meta charset="utf-8" />
<meta
name="viewport"
content="initial-scale=1, maximum-scale=1,user-scalable=no"
/>
<title>Buffer Geometry</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.24/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.24/"></script>
<style>
html,
body {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
.flex-container {
height: 100%;
display: flex;
overflow: hidden;
}
#viewDiv {
flex: 2;
padding: 0;
margin: 0;
}
.side-panel {
padding: 1em;
overflow: auto;
}
.FixedHeightContainer {
float: left;
height: 380px;
width: 230px;
padding: 3px;
background: rgb(112, 128, 144, 0.5);
}
#info {
min-height: 17px;
}
.header {
height: 30px;
padding-top: 5px;
}
.geometryResultsdiv {
height: 345px;
overflow: auto;
background: #fff;
font-size: 8px;
}
.menu {
display: table;
width: 100%;
border: 1px solid black;
border-right: none;
box-sizing: border-box;
}
.menu>div {
display: table-row;
background-color: white;
}
.menu>div>div {
border-right: 1px solid black;
display: table-cell;
text-align: center;
vertical-align: middle;
}
@media screen and (max-width: 240px) {
.menu {
display: block;
float: left;
width: auto;
border: none;
}
.menu>div {
display: block;
}
.menu>div>div {
border: none;
padding-right: 10px;
display: block;
text-align: left;
}
}
.boxpadding {
margin: 8px 0;
}
.float-container {
display: flex;
padding: 2px;
gap: 8px;
margin: 8px 0;
}
.float-child1 {
flex: 1;
}
.float-child2 {
flex: 2;
}
</style>
<script>
function valDistance() {
d = document.getElementById("distance").value;
document.getElementById("infoDistance").textContent = "Distance: " + d;
}
function valType() {
t = document.getElementById("distanceType").value;
document.getElementById("infoType").textContent = "Type: " + t;
}
require([
"esri/Map", "esri/views/MapView", "esri/views/draw/Draw", "esri/Graphic", "esri/geometry/geometryEngine",
"esri/geometry/support/webMercatorUtils",
"esri/layers/GraphicsLayer"
], (Map, MapView, Draw, Graphic, geometryEngine, webMercatorUtils, GraphicsLayer) => {
var geometryType = "No Geometry Selected"
let bufferGralayer = new GraphicsLayer({
id: "BufferGraLyr",
});
bufferGralayer.opacity = 0.5;
const map = new Map({
basemap: "gray-vector",
layers: [bufferGralayer]
});
const view = new MapView({
container: "viewDiv",
map: map,
zoom: 10,
center: [-77.367, 37.55]
});
const draw = new Draw({
view: view
});
// THIS IS FOR THE BUTTONS IN THE SIDE BAR
document.getElementById("clear-button2").onclick = () => {
view.graphics.removeAll();
bufferGralayer.removeAll();
geometryType = "No Geometry Selected";
document.getElementById("info2").textContent = geometryType;
document.getElementById("geometryResultsdiv").textContent = "";
};
document.getElementById("point-button2").onclick = () => {
view.graphics.removeAll();
bufferGralayer.removeAll();
document.getElementById("geometryResultsdiv").innerText = "";
geometryType = "point";
document.getElementById("info2").textContent = "Geometry: " + geometryType;
const action = draw.create("point");
view.focus();
action.on("cursor-update", function (evt) {
updateVerticesPoint(evt.coordinates);
});
action.on("draw-complete", function (evt) {
updateVerticesPoint(evt.coordinates);
setTimeout(() => {
document.getElementById("geometryResultsdiv").innerText = JSON.stringify(bufferGralayer.graphics.items[0].geometry);
}, 200);
});
};
document.getElementById("polygon-button2").onclick = () => {
view.graphics.removeAll();
bufferGralayer.removeAll();
document.getElementById("geometryResultsdiv").innerText = "";
geometryType = "polygon";
document.getElementById("info2").textContent = "Geometry: " + geometryType;
const action = draw.create("polygon");
view.focus();
action.on(
[
"vertex-add",
"vertex-remove",
"cursor-update",
"redo",
"undo",
"draw-complete"
],
updateVerticesPolygon
);
};
document.getElementById("line-button2").onclick = () => {
view.graphics.removeAll();
bufferGralayer.removeAll();
document.getElementById("geometryResultsdiv").innerText = "";
geometryType = "line";
document.getElementById("info2").textContent = "Geometry: " + geometryType;
const action = draw.create("polyline");
view.focus();
action.on(
[
"vertex-add",
"vertex-remove",
"cursor-update",
"redo",
"undo",
"draw-complete"
],
updateVerticesLine
);
};
function updateVerticesPoint(coordinates) {
//// create a polyline from returned vertices
view.graphics.removeAll();
let point = {
type: "point", // autocasts as /Point
x: coordinates[0],
y: coordinates[1],
spatialReference: view.spatialReference
};
let graphic = new Graphic({
geometry: point,
symbol: {
type: "simple-marker", // autocasts as SimpleMarkerSymbol
style: "circle",
size: "16px",
color: [70, 90, 141, 0.4],
outline: {
color: [47, 76, 119, 0.5],
width: 1
}
}
});
view.graphics.add(graphic);
BufferGeom(graphic.geometry);
}
function updateVerticesPolygon(event) {
// create a polyline from returned vertices
if (event.vertices.length > 1) {
const result = createGraphicPolygon(event);
}
if(event.type === 'draw-complete'){
setTimeout(() => {
document.getElementById("geometryResultsdiv").innerText = JSON.stringify(bufferGralayer.graphics.items[0].geometry);
}, 200);
}
}
function updateVerticesLine(event) {
// create a polyline from returned vertices
if (event.vertices.length > 1) {
const result = createGraphicLine(event);
// if the last vertex is making the line intersects itself,
// prevent the events from firing
if (result.selfIntersects) {
event.preventDefault();
}
}
if(event.type === 'draw-complete'){
setTimeout(() => {
document.getElementById("geometryResultsdiv").innerText = JSON.stringify(bufferGralayer.graphics.items[0].geometry);
}, 200);
}
}
function createGraphicPoint(event) {
const vertices = event.vertices;
view.graphics.removeAll();
// a graphic representing the polyline that is being drawn
const graphicPnt = new Graphic({
geometry: {
type: "point",
spatialReference: view.spatialReference
},
symbol: {
type: "simple-marker", // autocasts as new SimpleFillSymbol
color: [255, 255, 255, 0.9], //[70,90,141,0.2],
opacity: 0.2,
outline: {
color: [255, 255, 255, 0.9], //[47,76,119, 0.2],
width: 1
}
}
});
view.graphics.add(graphicPnt);
BufferGeom(graphicPnt.geometry, 500);
}
function createGraphicPolygon(event) {
const vertices = event.vertices;
view.graphics.removeAll();
// a graphic representing the polyline that is being drawn
const graphicPoly = new Graphic({
geometry: {
type: "polygon",
rings: vertices,
spatialReference: view.spatialReference
},
symbol: {
type: "simple-fill", // autocasts as new SimpleFillSymbol
color: [70, 90, 141, 0.4],
outline: {
color: [47, 76, 119],
width: 1
}
}
});
view.graphics.add(graphicPoly);
BufferGeom(graphicPoly.geometry);
}
function createGraphicLine(event) {
const vertices = event.vertices;
view.graphics.removeAll();
// a graphic representing the polyline that is being drawn
const graphicLine = new Graphic({
geometry: {
type: "polyline",
paths: vertices,
spatialReference: view.spatialReference
},
symbol: {
type: "simple-line", // autocasts as new SimpleFillSymbol
color: [70, 90, 141, 0.4],
width: 1,
cap: "round",
join: "round"
}
});
// check if the polyline intersects itself.
const intersectingSegment = getIntersectingSegment(graphicLine.geometry);
// Add a new graphic for the intersecting segment.
if (intersectingSegment) {
view.graphics.addMany([graphicLine, intersectingSegment]);
}
// Just add the graphic representing the polyline if no intersection
else {
view.graphics.add(graphicLine);
BufferGeom(graphicLine.geometry);
}
// return intersectingSegment
return {
selfIntersects: intersectingSegment
};
}
function BufferGeom(geom) {
var d = parseInt(document.getElementById("distance").value);
var t = document.getElementById("distanceType").value;
const buffGeom = geometryEngine.geodesicBuffer(geom, d, t);
const buffgra = new Graphic({
geometry: buffGeom,
symbol: {
type: "simple-fill", // autocasts as new SimpleFillSymbol
color: [112, 128, 144],
width: 1,
cap: "round",
join: "round"
}
});
bufferGralayer.removeAll();
bufferGralayer.add(buffgra);
// document.getElementById("geometryResultsdiv").innerText = JSON.stringify(userDefinedGeometry);
}
// function that checks if the line intersects itself
function isSelfIntersecting(polyline) {
if (polyline.paths[0].length < 3) {
return false;
}
const line = polyline.clone();
//get the last segment from the polyline that is being drawn
const lastSegment = getLastSegment(polyline);
line.removePoint(0, line.paths[0].length - 1);
// returns true if the line intersects itself, false otherwise
return geometryEngine.crosses(lastSegment, line);
}
// Checks if the line intersects itself. If yes, change the last
// segment's symbol giving a visual feedback to the user.
function getIntersectingSegment(polyline) {
if (isSelfIntersecting(polyline)) {
return new Graphic({
geometry: getLastSegment(polyline),
symbol: {
type: "simple-line", // autocasts as new SimpleLineSymbol
style: "short-dot",
width: 3.5,
color: "yellow"
}
});
}
return null;
}
// Get the last segment of the polyline that is being drawn
function getLastSegment(polyline) {
const line = polyline.clone();
const lastXYPoint = line.removePoint(0, line.paths[0].length - 1);
const existingLineFinalPoint = line.getPoint(
0,
line.paths[0].length - 1
);
return {
type: "polyline",
spatialReference: view.spatialReference,
hasZ: false,
paths: [
[
[existingLineFinalPoint.x, existingLineFinalPoint.y],
[lastXYPoint.x, lastXYPoint.y]
]
]
};
}
function showCoordinates(evt) {
var point = view.toMap({
x: evt.x,
y: evt.y
});
//the map is in web mercator but display coordinates in geographic (lat, long)
var mp = webMercatorUtils.webMercatorToGeographic(point);
//display mouse coordinates
document.getElementById("info").innerHTML = mp.x.toFixed(6) + ", " + mp.y.toFixed(6);
}
view.when().then(() => {
//after map loads, connect to listen to mouse move & drag events
view.on("pointer-move", showCoordinates);
});
});
</script>
</head>
<body>
<div class="flex-container">
<div id="viewDiv"></div>
<div class="esri-widget side-panel">
<div>
<h2>Geometry Selection</h2>
<span id="info"></span>
<div class="float-container">
<div class="float-child1">
<div>Distance</div>
</div>
<div class="float-child2">
<select name="distance" id="distance" onchange="valDistance()" style="width:75px;">
<option value="1"> 1</option>
<option value="2"> 2</option>
<option value="3"> 3</option>
<option value="5"> 5</option>
<option value="10"> 10</option>
</select>
</div>
</div>
<div class="float-container">
<div class="float-child1">
<div>Unit</div>
</div>
<div class="float-child2">
<select name="distanceType" id="distanceType" onchange="valType()" style="width:75px;">
<option value="miles">mile(s)</option>
<option value="feet">feet</option>
<option value="meters">meter(s)</option>
</select>
</div>
</div>
<div class="boxpadding" id="infoDistance">Distance: 1</div>
<div class="boxpadding" id="infoType">Unit: mile</div>
<div class="menu">
<div>
<div id="clear-button2" class="esri-widget esri-widget--button esri-interactive" title="Clear Grpahics">
<span class="esri-icon-erase"></span>
</div>
<div id="point-button2" class="esri-widget esri-widget--button esri-interactive" title="Draw point">
<span class="esri-icon-map-pin"></span>
</div>
<div id="line-button2" class="esri-widget esri-widget--button esri-interactive" title="Draw polyline">
<span class="esri-icon-polyline"></span>
</div>
<div id="polygon-button2" class="esri-widget esri-widget--button esri-interactive" title="Draw polygon">
<span class="esri-icon-polygon"></span>
</div>
</div>
</div>
<div id="info2" class="boxpadding">Geometry:</div>
<div class="FixedHeightContainer">
<div class="header" id="header">Results</div>
<div class="geometryResultsdiv" id="geometryResultsdiv"> </div>
</div>
</div>
</div>
</div>
</body>
</html>
... View more
09-15-2022
07:33 AM
|
1
|
1
|
287
|
|
POST
|
Sorry that code was 3.x. For 4.x it is let buffGeom = bufferGralayer.graphics.items[0].geometry;
... View more
09-15-2022
07:05 AM
|
1
|
1
|
290
|
My kudoed posts
| Title | Kudos | Posted |
|---|---|---|
| 1 | 04-06-2015 09:52 AM | |
| 1 | 03-03-2017 07:40 AM | |
| 1 | 11-20-2018 11:33 AM | |
| 1 | 10-15-2020 08:27 AM | |
| 1 | 05-25-2018 11:59 AM |
Activity Feed
- Got a Kudo for Re: Modifying the Query Widget. a week ago
- Got a Kudo for Re: Disable the "Search result" pop up window. 4 weeks ago
- Got a Kudo for Re: Basemap Gallery widget not displaying correct custom basemap options. 03-13-2024 09:34 AM
- Got a Kudo for Re: Custom Widget in Web App builder to Zoom to a location. 03-12-2024 12:43 AM
- Got a Kudo for Re: Remove graphics from legend but keep them in the printed map in ArcGIS JavaScript 4.x. 03-07-2024 10:59 AM
- Got a Kudo for Re: ArcGIS Experience Builder Developer Edition - Publishing. 02-14-2024 08:06 AM
- Got a Kudo for Re: Unwanted White lines appeared on tile layer when browser is zoomed in. 02-05-2024 04:01 PM
- Got a Kudo for Re: Grouping layers in the layer list widget. 01-15-2024 11:29 PM
- Got a Kudo for Re: Disable Generalize Features for Web Display in Add Data Widget. 01-15-2024 01:20 PM
- Got a Kudo for Re: Print Widget Question. 01-03-2024 01:41 PM
- Got a Kudo for Re: How to query only top 10 records?. 12-27-2023 11:24 PM
- Got a Kudo for Re: Select with Multipoint. 12-20-2023 10:03 AM
- Got a Kudo for Re: Directions Widget Modification?. 12-18-2023 12:30 PM
- Got a Kudo for Re: Negative Buffer Web AppBuilder. 12-17-2023 05:26 PM
- Got a Kudo for Re: Negative Buffer Web AppBuilder. 12-17-2023 05:26 PM
- Got a Kudo for Re: Add windy.com layers into ArcGIS Online. 12-11-2023 02:44 AM
- Got a Kudo for Re: Putting web map onto web server with proxy password. 12-10-2023 11:58 PM
- Got a Kudo for Re: Mouse move. 12-03-2023 01:54 PM
- Got a Kudo for Re: Add Annotation Layers to JS Application. 11-30-2023 02:34 PM
- Got a Kudo for Re: Reset Group Filter Widget. 11-16-2023 04:55 PM
User Groups for RobertScheitlin__GISP
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
03-29-2024
08:22 AM
|