Skip to content

Instantly share code, notes, and snippets.

View RalucaNicola's full-sized avatar
🌍

Raluca Nicola RalucaNicola

🌍
View GitHub Profile
(function() {
const view = require("esri/views/View").views.getItemAt(0);
const p = view.camera.position;
if (p.spatialReference.isWebMercator || p.spatialReference.isWGS84) {
console.log(`
{
position: [
${p.longitude.toFixed(8)},
${p.latitude.toFixed(8)},
@RalucaNicola
RalucaNicola / set-camera.js
Created July 16, 2020 16:20
How to set a camera in ArcGIS API for JavaScript
const view = new SceneView({
container: "viewDiv",
map: map,
camera: {
heading: 90, // face due east
tilt: 45, // looking from a bird's eye view
position: {
latitude: 38,
longitude: -122,
z: 20000
sketchViewModel.on("create", function (event) {
if (event.state === "complete") {
const geometry = event.graphic.geometry;
buildingLayerView.filter = {
geometry: geometry,
spatialRelationship: "contains"
};
}
});
const sketchLayer = new GraphicsLayer({
elevationInfo: {
mode: "on-the-ground"
}
});
webscene.add(sketchLayer);
const sketchViewModel = new SketchViewModel({
layer: sketchLayer,
view: view
const start = new Date(1900, 0, 1);
const end = new Date(2020, 0, 1);
const timeSlider = new TimeSlider({
container: "timeContainer",
mode: "cumulative-from-start",
fullTimeExtent: {
start: start,
end: end
},
esriConfig.portalUrl = "http://jsapi.maps.arcgis.com/";
const scene = new WebScene({
portalItem: {
id: "2e38f798f3124f2dae84217839cc43dc"
}
});
@RalucaNicola
RalucaNicola / index.html
Last active November 22, 2019 21:44
Prototype for elections map
<!DOCTYPE html>
<head>
<meta charset="utf-8">
<style>
body {
font-family: Arial, Helvetica, sans-serif;
color: #444;
}
<!DOCTYPE html>
<meta charset="utf-8">
<style>
body {
font: 10px sans-serif;
}
#g1 {
color: #e83a66;
}
renderer.visualVariables = [
new OpacityVariable({
valueExpression: "$feature.pred_percent",
stops: [
{ value: 40, opacity: 0.3, label: "< 40%" },
{ value: 70, opacity: 1.0, label: "> 70%" }
]
}),
new SizeVariable({
valueExpression: "$feature.pred_absolute",
partyCodes = [{
name: "PSD",
field: "g1",
color: "rgb(253, 127, 111)"
}, {
name: "USR PLUS",
field: "g2",
color: "rgb(0, 169, 230)"
}, {
name: "UDMR",