Only see the number on the screen by the ClusterFeatureLayer

Chang-HengYang — Mon, 18 Apr 2016 16:29:53 GMT

Hi All,

I tried to modified the ESRI/cluster-layer-js created by Allan Laframboise. Basically, I replaced the data url to my data url ("http://129.138.12.30:6080/arcgis/rest/services/Water/HCO3_All/FeatureServer/0") in "url" in the default.html. Then I also update two parameters such as "returnLimit" : 10000 and "maxSingles": 10000 in the default.html. However, I can only see the number on the screen (the attached file, number on the screen). In addition, the other attached file (REST INFO) shows the data info on the rest server. Could anyone show your valuable opinions on this issue?

Thanks,

Hank

<!DOCTYPE html>

<html>

<head>

<title>Default Cluster Layer</title>

window.dojoConfig = {

async: true,

packages: [

{

name: 'app',

location: window.location.pathname.substring(0, window.location.pathname.lastIndexOf('/')) + '/src'

}

]};

</script>

require(["esri/map",

"esri/dijit/Geocoder",

"esri/dijit/HomeButton",

"esri/InfoTemplate",

"esri/graphic",

"app/clusterfeaturelayer",

"dojo/domReady!"],

function (Map, Geocoder, HomeButton, InfoTemplate, Graphic, ClusterFeatureLayer) {

// esriConfig.defaults.io.proxyUrl = "http://maps.nmt.edu/DotNet/proxy.ashx";

// esriConfig.defaults.io.alwaysUseProxy = false;

// Locals

var map,

popup,

clusterLayer,

geocoder,

infoTemplate,

selectedSym;

// Create map

map = new Map("mapDiv", {

basemap: "dark-gray",

center: [-43, 40],

zoom: 3

});

// Add clusters

map.on("load", function () {

// Add layer

addClusterLayer();

addClusterLayerEvents();

});

// Save the last selected graphic

map.infoWindow.on("selection-change", function () {

addSelectedFeature();

});

// Create widget

geocoder = new Geocoder({

value: "Washington, D. C., District of Columbia, United States",

autoNavigate: true,

maxLocations: 25,

autoComplete: true,

arcgisGeocoder: {

outFields: "Place_addr, PlaceName, Score"

map: map

}, "search");

geocoder.startup();

var home = new HomeButton({

map: map

}, "homeButton");

home.startup();

// Set popup

popup = map.infoWindow;

popup.highlight = false;

popup.titleInBody = false;

popup.domNode.className += " light";

// Popup content

infoTemplate = new InfoTemplate("<b>City Data</b>", "<p>NAME: ${CITY_NAME}</p><p>COUNTRY: ${CNTRY_NAME}</p><p>CAPITAL: ${ADMIN_NAME}</p><p>POPULATION: ${POP}</p>");

// Create a feature layer to get feature service

function addClusterLayer() {

clusterLayer = new ClusterFeatureLayer({

"url": "http://129.138.12.30:6080/arcgis/rest/services/Water/HCO3_All/FeatureServer/0",

"distance": 50,

"id": "clusters",

"labelColor": "#fff",

"resolution": map.extent.getWidth() / map.width,

"singleTemplate": infoTemplate,

"useDefaultSymbol": false,

"zoomOnClick": true,

"returnLimit" : 10000,

"showSingles": true,

"maxSingles": 10000,

"objectIdField": "OBJECTID",

// "spatialReference":4269,

outFields: ["TDS", "LONG", "LAT", "DataSource"]

});

map.addLayer(clusterLayer);

}

// Hide popup if selected feature is clustered

function onClustersShown(clusters) {

var i = 0,

extent;

if (map.infoWindow.isShowing && map.infoWindow._lastSelected) {

for (i; i < clusters.length; i++) {

if (clusters.attributes.clusterCount > 1) {

extent = clusterLayer._getClusterExtent(clusters);

if (extent.contains(map.infoWindow._lastSelected.geometry)) {

map.infoWindow.hide();

break;

}

// Wire cluster layer events

function addClusterLayerEvents() {

// Clusters drawn

clusterLayer.on("clusters-shown", onClustersShown);

}

// Set selected

function addSelectedFeature() {

var selIndex = map.infoWindow.selectedIndex,

selFeature;

if (selIndex !== -1) {

selFeature = map.infoWindow.features[selIndex];

// Remove old feature first

removeSelectedFeature();

// Add new graphic

map.infoWindow._lastSelected = new Graphic(selFeature.toJson());

map.infoWindow._lastSelected.setSymbol(selectedSym);

map.graphics.add(map.infoWindow._lastSelected);

}

// Remove selected

function removeSelectedFeature() {

if (map.infoWindow._lastSelected) {

map.graphics.remove(map.infoWindow._lastSelected);

map.infoWindow._lastSelected = null;

}

});

</script>

</head>

<body>

</body>

</html>

Re: Only see the number on the screen by the ClusterFeatureLayer

RobertScheitlin__GISP — Mon, 18 Apr 2016 17:15:15 GMT

Hank,

As soon as I uncommitted and set the proxy url to my machines proxy it worked fine.

Re: Only see the number on the screen by the ClusterFeatureLayer

Chang-HengYang — Mon, 18 Apr 2016 17:37:35 GMT

Hi Robert,

Thank you for the reply. I followed your instructions (set the proxy url to my machines proxy). However, I still saw the number on the screen.

Thanks,

Hank

Re: Only see the number on the screen by the ClusterFeatureLayer

RobertScheitlin__GISP — Mon, 18 Apr 2016 17:42:06 GMT

Hank,

Then are you sure you have the "src" folder (the one contaning clusterfeaturelayer.js) in the same location as the html file

Re: Only see the number on the screen by the ClusterFeatureLayer

Chang-HengYang — Mon, 18 Apr 2016 19:42:42 GMT

Hi Robert,

Thank you for the reply. I put the "src" folder in the same location as the html file.

Thanks,

Hank

Re: Only see the number on the screen by the ClusterFeatureLayer

Chang-HengYang — Mon, 18 Apr 2016 19:43:12 GMT

By the way, I still see the number.

Thanks,

Hank

Re: Only see the number on the screen by the ClusterFeatureLayer

RobertScheitlin__GISP — Mon, 18 Apr 2016 19:48:28 GMT

Hank,

Look at your browsers web console and see if there is an error. I have it working fine on my end using your data. The only thing I noticed is that there is not a TDS field in your data so I removed that one.

Re: Only see the number on the screen by the ClusterFeatureLayer

Chang-HengYang — Mon, 18 Apr 2016 20:12:51 GMT

Hi Robert,

I tried to use the styled.html as my template and replaced the "url" with the TDS data url. It is working! However, in the default.html, I still see the number and error (the attached file, syntax error). I am not sure if the error could provide the helpful information.

Thanks,

Hank

Re: Only see the number on the screen by the ClusterFeatureLayer

RobertScheitlin__GISP — Mon, 18 Apr 2016 20:24:09 GMT

Hank,

the unexpected token normally means you have a syntax error in your html. I would have to see all your html to know where though.

topic Re: Only see the number on the screen by the ClusterFeatureLayer in ArcGIS JavaScript Maps SDK Questions

Only see the number on the screen by the ClusterFeatureLayer

Re: Only see the number on the screen by the ClusterFeatureLayer

Re: Only see the number on the screen by the ClusterFeatureLayer

Re: Only see the number on the screen by the ClusterFeatureLayer

Re: Only see the number on the screen by the ClusterFeatureLayer

Re: Only see the number on the screen by the ClusterFeatureLayer

Re: Only see the number on the screen by the ClusterFeatureLayer

Re: Only see the number on the screen by the ClusterFeatureLayer

Re: Only see the number on the screen by the ClusterFeatureLayer