Latest Contributions by ToddAtkins

So it is of course my implementation that was at fault here. Basically I was trying to be too clever with the DPI and the resulting image size was too big (I guess) when on ios. Instead, I set the screenshot options to be something like below which works how I was expecting (isLandsape is just a boolean I calculate elsewhere which is true if width > height and I'm setting the height and width to be appropriate for US Letter sized sheets): const options = { height: isLandscape ? props.view.height * window.devicePixelRatio : (11 / 8.5) * props.view.width * window.devicePixelRatio, width: isLandscape ? (11 / 8.5) * props.view.height * window.devicePixelRatio : props.view.width * window.devicePixelRatio } as __esri.MapViewTakeScreenshotOptions;‍‍‍‍ Ultimately i'm converting this image to a pdf and overlaying some logos and it's working beautifully now. ... View more

In your main.tsx, remove the call for zoomToLayer.getChoices(). In your constructor for ZoomToUnique.tsx add this.getChoices() and remove this.renderNow() from the getChoices() method. Also add a renderable() decorator to your choices property and finally add a key tag to your select element. See below for a working ZoomToUnique.tsx: import { subclass, declared, property } from "esri/core/accessorSupport/decorators"; import { renderable, tsx } from "esri/widgets/support/widget"; import Widget = require("esri/widgets/Widget"); import watchUtils = require("esri/core/watchUtils"); import FeatureLayer = require("esri/layers/FeatureLayer") import FeatureLayerView = require("esri/views/layers/FeatureLayerView") import QueryTask = require("esri/tasks/QueryTask") @subclass("esri.widgets.ZoomToUnique") export default class ZoomToUnique extends declared(Widget) {      _currentChoice: string = "";      @property()      @renderable()      choices: string[] = [];      @property()      comboBox: HTMLSelectElement = null;      @property()      layerView: FeatureLayerView      @property()      field: string      constructor(layerView: FeatureLayerView, field: string, params?: Partial<__esri.WidgetProperties>) {           super(params)           this.layerView = layerView;           this.field = field;           this.getLayerChoices();      }      getLayerChoices() {           const layer = this.layerView.layer;           const queryParams = layer.createQuery();           queryParams.returnDistinctValues = true;           queryParams.returnGeometry = false;           queryParams.where = "1=1";           queryParams.outFields = [this.field];           layer.queryFeatures(queryParams).then((features) => {                this.comboBox = document.createElement("select");                features.features.forEach(g => {                     const choice = g.attributes[this.field];                     this.choices.push(choice);                     const option = document.createElement("option");                     option.value = choice                     option.text = choice                     this.comboBox.add(option);                });                if (this._currentChoice === "") this._currentChoice = this.choices[0]                // this.renderNow();           });                }      zoomToChoice() {           if (this.comboBox == null) return;           console.warn("Not implemented!")      }      render() {           return (                <div class="esri-widget">                     <h3>{this.field}</h3>                     <br />                     <select>                          {this.choices.map((c, idx) => <option key={idx} value={c}>{c}</option>)}                     </select>                </div>           )      } }‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍ ... View more