Coder Social home page Coder Social logo

Point Clustering about angular-cli-esri-map HOT 9 CLOSED

esri avatar esri commented on May 30, 2024
Point Clustering

from angular-cli-esri-map.

Comments (9)

andygup avatar andygup commented on May 30, 2024

You'll need to send a link to your starter plunkr project and specific questions so we can troubleshoot it. I recommend stackblitz over plunkr.

from angular-cli-esri-map.

dealsmyself avatar dealsmyself commented on May 30, 2024

i will try to create a stack-blitz, in the mean time , please point me to a document where i can use esri-loader and cluster because i think i am doing something fundamentally wrong when loading dojo and cluster-layer.js(extras). so that i wont waste your time with basic mistakes on my part.

from angular-cli-esri-map.

andygup avatar andygup commented on May 30, 2024

please point me to a document where i can use esri-loader

Here you go for the esri-loader doc: https://github.com/Esri/esri-loader#table-of-contents. You can also find the basic steps outlined in this repository's README file.

cluster-layer.js(extras)

Are you referring to this repo? https://github.com/Esri/cluster-layer-js. Please note, that's an old repository using an old version of the ArcGIS API for JavaScript. You'll need to update the code to using the latest version of Bootstrap and the ArcGIS API for JavaScript.

It would be much easier to create an initial prototype with the ArcGIS API for JavaScript's out-of-the-box clustering functionality. Here's a sample app: https://developers.arcgis.com/javascript/3/jssamples/fl_clustering_basic.html

from angular-cli-esri-map.

dealsmyself avatar dealsmyself commented on May 30, 2024

sorry for the delay but i am still having the issue
here is the stackblitz
https://stackblitz.com/edit/esri-clus

i tried to follow @nickcam FlareClusterLayer but i am getting a script error and i cant use the latest typescript as i have some dependency older version of typescript.
Please suggest.

from angular-cli-esri-map.

andygup avatar andygup commented on May 30, 2024

Unfortunately, there seems to be a known issue in Stackblitz with loading external files and clusterLayer isn't loading. However, when I removed clusterLayer.js from the map service the app works just fine and the map displayed. To me that says the problem is with clusterLayer.js and not the code in this repository.

Refused to execute script from 'https://esri-clus.stackblitz.io/fcl/clusterLayer.js' because its MIME type ('text/html') is not executable, and strict MIME type checking is enabled.

I have two suggestions:

  1. First, create a working non-Angular, plain old HTML/JavaScript app that uses the cluster layer.

  2. Once you have it working outside of Angular, then try to get it working locally. If you need it in Stackblitz then check if clusterLayer.js is available on npm, if not you can upload your own copy, and then try adding it as a dependency to your Stackblitz project.

from angular-cli-esri-map.

dealsmyself avatar dealsmyself commented on May 30, 2024

Hi , i was not able to create a point cluster, however i was able to achieve it with esri leaflet,
i would like to know is it acceptable as my requirement is i have to do with arcgis only.
thank you

from angular-cli-esri-map.

andygup avatar andygup commented on May 30, 2024

It's sounds like you got your project working, so I'm going to close this issue. We are aiming to have clustering in the ArcGIS API for JavaScript 4.x some time this year.

from angular-cli-esri-map.

itsme-cr avatar itsme-cr commented on May 30, 2024

hey @andygup, do we have option to use clustering using esri-loader? if not can u pls suggest me some other way to use clustering in angular using esri map. Thanks!!

from angular-cli-esri-map.

andygup avatar andygup commented on May 30, 2024

@itsme-cr here is a clustering sample: https://developers.arcgis.com/javascript/latest/sample-code/featurereduction-cluster/ Angular shouldn't affect the functionality.

from angular-cli-esri-map.

Related Issues (20)

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.