topic Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)? in ArcGIS JavaScript Maps SDK Questions

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KeriLu — Fri, 21 Nov 2014 17:27:38 GMT

<!DOCTYPE html>

<html>

<head>

<!-- meta tags to hide url and minimize status bar to give the web app

a native app look this only happens after app is saved to the desktop-->

<title>Geolocation API</title>

<!-- Details about the Webkit CSS Properties http://css-infos.net/properties/webkit.php

and http://www.pointabout.com/category/development-blog/pointabout-dev-help/-->

<style>

html, body #map {

height: 100%;

margin: 0px;

padding: 0px;

width: 100%;

}

@-webkit-keyframes

pulse

{

opacity: 1.0;

}

45%

{

opacity: .20;

}

100%

{

opacity: 1.0;

}

@-moz-keyframes

pulse

{

opacity: 1.0;

}

45%

{

opacity: .20;

}

100%

{

opacity: 1.0;

}

#map_graphics_layer {

-webkit-animation-duration: 3s;

-webkit-animation-iteration-count: infinite;

-webkit-animation-name: pulse;

-moz-animation-duration: 3s;

-moz-animation-iteration-count: infinite;

-moz-animation-name: pulse;

}

</style>

var map, csv;

require([

"esri/map",

"esri/layers/CSVLayer",

"esri/Color",

"esri/symbols/SimpleMarkerSymbol",

"esri/renderers/SimpleRenderer",

"esri/InfoTemplate",

"esri/urlUtils",

"esri/geometry/Point",

"esri/graphic",

"dojo/domReady!"

], function(

Map, CSVLayer, Color, SimpleMarkerSymbol, SimpleRenderer, InfoTemplate, urlUtils, Point, Graphic

) {

urlUtils.addProxyRule({

proxyUrl: "/proxy/",

urlPrefix: "mywebsite.com"

});

map = new Map("map", {

basemap: "gray",

center: [ -60, -10 ],

zoom: 4

});

csv = new CSVLayer("http://mywebsite.com/2.5_weekz.csv", {

});

var orangeRed = new Color([238, 69, 0, 0.5]); // hex is #ff4500

var marker = new SimpleMarkerSymbol("solid", 15, null, orangeRed);

var renderer = new SimpleRenderer(marker);

csv.setRenderer(renderer);

var template = new InfoTemplate("${type}", "${place}");

csv.setInfoTemplate(template);

map.addLayer(csv);

graphic = new Graphic(csv)

map.graphics.add(graphic);

});

</script>

</head>

<body>

</body>

</html>

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KellyHutchins — Tue, 02 Dec 2014 22:06:06 GMT

Sure you can use css to render the graphics and apply a pulse effect. The Styling SVG with CSS help topic explains how this works and links to a few samples

I've also attached a sample that shows this in action.

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KeriLu — Wed, 03 Dec 2014 17:37:29 GMT

Thank you for your response Kelly. I did not get your code to work though. Not sure what I am missing.

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KellyHutchins — Wed, 03 Dec 2014 17:42:23 GMT

Which browser and version are you testing with? Are there any errors in the developer console?

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KeriLu — Wed, 03 Dec 2014 18:34:03 GMT

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KeriLu — Wed, 03 Dec 2014 18:35:20 GMT

Thanks for your reply. The map came up and everything but the csv file was not in there or pulsing.

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KellyHutchins — Wed, 03 Dec 2014 19:06:55 GMT

It probably can't find the csv file. I included it in the zip so if you place it in the same folder as the html file it should just work. You may also want to check permissions to ensure the web app can access the csv file.

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KeriLu — Thu, 05 Feb 2015 17:02:07 GMT

Hmmm....not sure what's going on here. I used to be able to grab my csv file from our server and do and xy events so the point shows up on the webmap made with the Javascript Api but I can't seem to do that anymore. I have been reading the discussion forums and a few suggestions mention setting up a proxy server. I ran the .jsp file but I am not really sure how to proceed? Doen't seem to make a difference. My csv file simply doesn's show up as points on my map anymore. I do not clearly understand the process of registering an app on the ArcGIS for Developers site either? Can someone please help me clarify?

Thanks!!

Re: Is it possible to convert a csv layer to an animated graphic (pulsing point)?

KeriLu — Thu, 05 Feb 2015 17:05:29 GMT

My problem before was to get the csv to flash/ animate now the csv wont even show up 😞