Use the PopUp Widget with Feature Layer

PeteVitt — Mon, 02 Dec 2024 22:43:03 GMT

Hi - I'm using Javascript Maps SDK 4.31 with Angular and Angular Material. I have a pop-up with a lot of content and the vertical scroll bar does not appear with the popUpTemplate I've been using. It looks like Angular or Angular Material is preventing the scrollbar from appearing. I noticed that the pop Up widget has an option for docking the pop-up which makes the pop up window bigger and would pretty much solve my issue. The problem I'm having is getting the popUp widget to work with my feature layer. Below is my code. I was hoping that the popUp widget would accept the field content and format and content from the popUpTemplate, but the two dont seem to be working together. The popUp appears at the point where clicked, not docked to the right. Does anyone know what I'm doing wrong here?

Thanks

Pete

ngOnInit(): void {

var a = this;

config.assetsPath = 'assets/';

a.map = new Map({

basemap: 'topo-vector'

});

a.view = new MapView({

container: this.viewNode.nativeElement,

center: [-117.45, 33.87],

zoom: 10,

map: a.map

});

a.view.when(function () {

//configure popup

a.view.popup = new PopUp();

a.view.popup.dockEnabled = true;

a.view.popup.dockOptions = {position: "top-right"};

const popUpTemplate = new PopupTemplate({

title: "{Permittee}",

content: [{

type: "fields",

fieldInfos: [

{

label: "Address:",

fieldName: "StreetAddress",

visible: true

etc..

});

var featureLayer = new FeatureLayer({

url:

"https://www.xyz/MapServer/0",

outFields: ["*"],

popupTemplate: popUpTemplate

});

a.map.add(featureLayer);

Re: Use the PopUp Widget with Feature Layer

DarwinSegura — Thu, 03 Apr 2025 19:05:17 GMT

Hi, The make popup template it dynamic content, your trying the custom template for easy it make the adpating for the content. I leave the link PopupTemplate | API Reference | ArcGIS Maps SDK for JavaScript 4.32 | Esri Developer for you read .

topic Re: Use the PopUp Widget with Feature Layer in ArcGIS JavaScript Maps SDK Questions

Use the PopUp Widget with Feature Layer

Re: Use the PopUp Widget with Feature Layer