Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
Cancel
- Home
- :
- About Mark_Wilson
Mark_Wilson
New Contributor II
since
05-19-2017
Sunday
9
Posts created
2
Kudos given
0
Solutions
0
Kudos received
Turn on suggestions
Auto-suggest helps you quickly narrow down your search results by suggesting possible matches as you type.
My Ideas
(0 Idea Submissions)Latest Contributions by Mark_Wilson
|
POST
|
Many thanks for looking at this Andreas and your useful advice. I'll have a go at implementing your suggestion. Do you know when the use of the fov function with goTo will be available please ?
... View more
2 weeks ago
|
0
|
2
|
131
|
|
POST
|
Hi I am interested in being able to adjust the fov of the camera when moving between viewpoints for a landscape and visual assessment project which requires specific visualisation outputs with the HFoVs at 90 and 53.5. The outputs will be used to create viewpoint photomontages. I have tried with the following script for Viewpoint 2. I can adjust tilt and position but not fov. I understand that goTo does not work with the fov setting but does work with heading and tilt. Many thanks in advance. <html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<!--
ArcGIS Maps SDK for JavaScript, https://js.arcgis.com
-->
<title>SceneView - goTo() | Sample | ArcGIS Maps SDK for JavaScript 4.29</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.29/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.29/"></script>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#optionsDiv {
position: absolute;
bottom: 17px;
width: 100%;
padding: 20px 0;
z-index: 1;
text-align: center;
}
button {
background: white;
padding: 7px;
border: 1px solid #005e95;
font-size: 0.9em;
margin: 5px;
color: #005e95;
}
button:hover {
background: #005e95;
color: white;
cursor: pointer;
}
</style>
<script>
require([ "esri/config","esri/Map", "esri/views/SceneView","esri/WebScene","esri/widgets/Legend"
], function(esriConfig, Map, SceneView, WebScene,Legend) {
esriConfig.apiKey = "***APIKey****";
/**const map = new Map({
basemap: "dark-gray-vector"
});
**/
/*********************************************************************
* Create a new WebScene referencing a WebScene ID from ArcGIS Online
* or an on-premise portal.
*********************************************************************/
const scene = new WebScene({
portalItem: {
// autocasts as new PortalItem()
id: "***ID Here***"
}
});
/*********************************************************************
* Reference the WebScene in a SceneView instance.
*********************************************************************/
const view = new SceneView({
map: scene,
container: "viewDiv"
});
view.ui
/*****************************************************************
*
* Add event listeners to go to a target point using animation options
*
*****************************************************************/
// The target point is a new camera obtained by shifting the current camera to the new VP not resolved this issue as fov not updating
function shiftCamera(position) {
const camera = view.camera.clone();
camera.position.tilt.fov;
return camera;
}
function catchAbortError(error) {
if (error.name != "AbortError") {
console.error(error);
}
}
// Define your own function for the easing option
function customEasing(t) {
return 1 - Math.abs(Math.sin(-1.7 + t * 4.5 * Math.PI)) * Math.pow(0.5, t * 10);
}
document.getElementById("defaultVP1").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.484,
y: 51.563,
z: 130,
spatialReference: {
wkid: 4326
}
},
heading: 260,
tilt: 90,
fov: 90
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
document.getElementById("gotoVP2_90deg").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.489667,
y: 51.557520,
z: 88.5,
spatialReference: {
wkid: 4326
}
},
heading: 280,
tilt: 92,
fov:90
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
document.getElementById("gotoVP2_53.5deg").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.489667,
y: 51.557520,
z: 88.5,
spatialReference: {
wkid: 4326
}
},
heading: 280,
tilt: 92,
fov: 53.5
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
});
</script>
</head>
<body>
<div id="optionsDiv">
<button id="defaultVP1">Default to VP1</button>
<button id="gotoVP2_90deg">Go to VP2 (90deg)</button>
<button id="gotoVP2_53.5deg">Go to VP2 (53.5deg)</button>
</div>
<div id="viewDiv"></div>
</body>
</html>
... View more
3 weeks ago
|
0
|
4
|
235
|
|
POST
|
Hi I am interested in being able to adjust the fov of the camera when moving between viewpoints for a landscape and visual assessment project which requires specific visualisations with the HFoVs often 90 and 53.5. I have tried with the following script for Viewpoint 2. I can adjust tilt and position but not fov. I have read through the above thread but not sure how to implement the changes I need to the following script. Many thanks in advance. <html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<!--
ArcGIS Maps SDK for JavaScript, https://js.arcgis.com
-->
<title>SceneView - goTo() | Sample | ArcGIS Maps SDK for JavaScript 4.29</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.29/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.29/"></script>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#optionsDiv {
position: absolute;
bottom: 17px;
width: 100%;
padding: 20px 0;
z-index: 1;
text-align: center;
}
button {
background: white;
padding: 7px;
border: 1px solid #005e95;
font-size: 0.9em;
margin: 5px;
color: #005e95;
}
button:hover {
background: #005e95;
color: white;
cursor: pointer;
}
</style>
<script>
require([ "esri/config","esri/Map", "esri/views/SceneView","esri/WebScene","esri/widgets/Legend"
], function(esriConfig, Map, SceneView, WebScene,Legend) {
esriConfig.apiKey = "***APIKey****";
/**const map = new Map({
basemap: "dark-gray-vector"
});
**/
/*********************************************************************
* Create a new WebScene referencing a WebScene ID from ArcGIS Online
* or an on-premise portal.
*********************************************************************/
const scene = new WebScene({
portalItem: {
// autocasts as new PortalItem()
id: "***ID Here***"
}
});
/*********************************************************************
* Reference the WebScene in a SceneView instance.
*********************************************************************/
const view = new SceneView({
map: scene,
container: "viewDiv"
});
view.ui
/*****************************************************************
*
* Add event listeners to go to a target point using animation options
*
*****************************************************************/
// The target point is a new camera obtained by shifting the current camera to the new VP not resolved this issue as fov not updating
function shiftCamera(position) {
const camera = view.camera.clone();
camera.position.tilt.fov;
return camera;
}
function catchAbortError(error) {
if (error.name != "AbortError") {
console.error(error);
}
}
// Define your own function for the easing option
function customEasing(t) {
return 1 - Math.abs(Math.sin(-1.7 + t * 4.5 * Math.PI)) * Math.pow(0.5, t * 10);
}
document.getElementById("defaultVP1").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.484,
y: 51.563,
z: 130,
spatialReference: {
wkid: 4326
}
},
heading: 260,
tilt: 90,
fov: 90
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
document.getElementById("gotoVP2_90deg").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.489667,
y: 51.557520,
z: 88.5,
spatialReference: {
wkid: 4326
}
},
heading: 280,
tilt: 92,
fov:90
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
document.getElementById("gotoVP2_53.5deg").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.489667,
y: 51.557520,
z: 88.5,
spatialReference: {
wkid: 4326
}
},
heading: 280,
tilt: 92,
fov: 53.5
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
});
</script>
</head>
<body>
<div id="optionsDiv">
<button id="defaultVP1">Default to VP1</button>
<button id="gotoVP2_90deg">Go to VP2 (90deg)</button>
<button id="gotoVP2_53.5deg">Go to VP2 (53.5deg)</button>
</div>
<div id="viewDiv"></div>
</body>
</html>
... View more
3 weeks ago
|
0
|
0
|
46
|
|
POST
|
Hi I am interested in being able to adjust the fov of the camera when moving between viewpoints for a landscape and visual assessment project which requires specific visualisations with the HFoVs often 90 and 53.5. I have tried with the following script for Viewpoint 2. I can adjust tilt and position but not fov. I have read through the above thread but not sure how to implement the changes I need to the following script. Many thanks in advance. <html lang="en">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no" />
<!--
ArcGIS Maps SDK for JavaScript, https://js.arcgis.com
For more information about the scene-goto sample,
read the original sample description at developers.arcgis.com.
https://developers.arcgis.com/javascript/latest/sample-code/scene-goto/
-->
<title>SceneView - goTo() | Sample | ArcGIS Maps SDK for JavaScript 4.29</title>
<link rel="stylesheet" href="https://js.arcgis.com/4.29/esri/themes/light/main.css" />
<script src="https://js.arcgis.com/4.29/"></script>
<style>
html,
body,
#viewDiv {
padding: 0;
margin: 0;
height: 100%;
width: 100%;
}
#optionsDiv {
position: absolute;
bottom: 17px;
width: 100%;
padding: 20px 0;
z-index: 1;
text-align: center;
}
button {
background: white;
padding: 7px;
border: 1px solid #005e95;
font-size: 0.9em;
margin: 5px;
color: #005e95;
}
button:hover {
background: #005e95;
color: white;
cursor: pointer;
}
</style>
<script>
require([ "esri/config","esri/Map", "esri/views/SceneView","esri/WebScene","esri/widgets/Legend"
], function(esriConfig, Map, SceneView, WebScene,Legend) {
esriConfig.apiKey = "***APIKey****";
/**const map = new Map({
basemap: "dark-gray-vector"
});
**/
/*********************************************************************
* Create a new WebScene referencing a WebScene ID from ArcGIS Online
* or an on-premise portal.
*********************************************************************/
const scene = new WebScene({
portalItem: {
// autocasts as new PortalItem()
id: "***ID Here***"
}
});
/*********************************************************************
* Reference the WebScene in a SceneView instance.
*********************************************************************/
const view = new SceneView({
map: scene,
container: "viewDiv"
});
view.ui
/*****************************************************************
*
* Add event listeners to go to a target point using animation options
*
*****************************************************************/
// The target point is a new camera obtained by shifting the current camera to the new VP not resolved this issue as fov not updating
function shiftCamera(position) {
const camera = view.camera.clone();
camera.position.tilt.fov;
return camera;
}
function catchAbortError(error) {
if (error.name != "AbortError") {
console.error(error);
}
}
// Define your own function for the easing option
function customEasing(t) {
return 1 - Math.abs(Math.sin(-1.7 + t * 4.5 * Math.PI)) * Math.pow(0.5, t * 10);
}
document.getElementById("defaultVP1").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.484,
y: 51.563,
z: 130,
spatialReference: {
wkid: 4326
}
},
heading: 260,
tilt: 90,
fov: 90
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
document.getElementById("gotoVP2_90deg").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.489667,
y: 51.557520,
z: 88.5,
spatialReference: {
wkid: 4326
}
},
heading: 280,
tilt: 92,
fov:90
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
document.getElementById("gotoVP2_53.5deg").addEventListener("click", () => {
view
.goTo(
{
position: {
x: -3.489667,
y: 51.557520,
z: 88.5,
spatialReference: {
wkid: 4326
}
},
heading: 280,
tilt: 92,
fov: 53.5
},
{
speedFactor: 0.6,
easing: "linear"
}
)
.catch(catchAbortError);
});
});
</script>
</head>
<body>
<div id="optionsDiv">
<button id="defaultVP1">Default to VP1</button>
<button id="gotoVP2_90deg">Go to VP2 (90deg)</button>
<button id="gotoVP2_53.5deg">Go to VP2 (53.5deg)</button>
</div>
<div id="viewDiv"></div>
</body>
</html>
... View more
3 weeks ago
|
0
|
0
|
84
|
|
POST
|
Is there a way to change the Horizontal FoV for a scene view in the script please that you can share? For landscape and visual impact assessment we have to produce visualisations to set HFoVs often 90 and 53.5 degree. Many thanks in anticipation
... View more
a month ago
|
0
|
0
|
113
|
|
POST
|
I have a similar issue - when creating a web layer from a feature class and the labels are not displaying in AGOL Map Scene. Only able to label with the Object_ID field. Thanks for your help
... View more
08-23-2023
08:23 AM
|
0
|
0
|
1349
|
|
POST
|
Hi Lazlo - were you at Portsmouth Uni MSc? I am trying to do a similar thing. Mark Wilson
... View more
03-21-2018
08:05 AM
|
0
|
1
|
949
|
Activity Feed
- Posted Re: Using fov with Camera settings on ArcGIS JavaScript Maps SDK Questions. 2 weeks ago
- Kudoed Re: Using fov with Camera settings for AndreasUlmer. 2 weeks ago
- Posted Re: Using fov with Camera settings on ArcGIS JavaScript Maps SDK Questions. 2 weeks ago
- Posted Using fov with Camera settings on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Tagged Using fov with Camera settings on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Tagged Using fov with Camera settings on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Tagged Using fov with Camera settings on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Tagged Using fov with Camera settings on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Posted Re: Camera FOV Serialisation on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Tagged Re: Camera FOV Serialisation on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Tagged Re: Camera FOV Serialisation on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Tagged Re: Camera FOV Serialisation on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Posted Re: Camera FOV on ArcGIS JavaScript Maps SDK Questions. 3 weeks ago
- Posted Re: Camera FOV on ArcGIS JavaScript Maps SDK Questions. a month ago
- Posted Re: Labels not working in ArcGIS Online on ArcGIS Online Questions. 08-23-2023 08:23 AM
- Kudoed Re: Arcgis Pro to convert from Graphics to Feature for RanelSuurna1. 10-07-2021 02:27 AM
- Posted Re: How about the default behavior of ArcGIS Pro when adding a layer with a defined “projected coordinate system”? on ArcGIS Pro Questions. 03-05-2019 06:24 AM
- Posted Re: How to resolve ArcGIS Pro OrthoMapping Orthomosaic errors? on ArcGIS Pro Questions. 03-21-2018 08:05 AM
Contact Me
| Online Status |
Offline
|
| Date Last Visited |
Sunday
|