topic Re: help... i want renderer point symbol but my code is not work in ArcGIS JavaScript Maps SDK Questions

help... i want renderer point symbol but my code is not work

lasinh — Thu, 21 Aug 2014 07:00:25 GMT

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Create a Map</title>

<style>

html, body, #mapDiv, .map.container {

padding: 0;

margin: 0;

height: 100%;

}

</style>

dojo.require("esri.map");

dojo.require("esri.layers.FeatureLayer");

dojo.require("dojo.date.locale");

function init() {

var initialExtent = new esri.geometry.Extent({ "xmin": -163.01, "ymin": 3.52, "xmax": 51.96, "ymax": 64.17, "spatialReference": { "wkid": 4326} });

var map = new esri.Map("mapDiv", {

extent: esri.geometry.geographicToWebMercator(initialExtent)

});

dojo.connect(window, 'resize', map, map.resize);

var basemapURL = "http://192.166.3.252:6080/arcgis/rest/services/NENCHUNG/Nen_chung1/MapServer";

var basemap = new esri.layers.ArcGISTiledMapServiceLayer(basemapURL);

map.addLayer(basemap);

//define info window and format contents https://developers.arcgis.com/javascript/jsapi/infotemplate-amd.html

var template = esri.InfoTemplate({

title: "${ten}",

content: "<br>${ten}, ${diaChi}"

});

var featureLayer = new esri.layers.FeatureLayer("http://192.166.3.252:6080/arcgis/rest/services/NENCHUNG/Nen_chung1/MapServer/2", {

infoTemplate: template,

outFields: ["*"]

});

//resize the info window

map.infoWindow.resize(160, 80);

//add a layer definition to filter to display the features

// featureLayer.setDefinitionExpression("Tour = 'Unforgettable Fire 2nd Leg'");

//define new symbol for feature layer - generated with https://developers.arcgis.com/javascript/jshelp/inside_renderers.html

var symbol = new esri.symbol.PictureMarkerSymbol({

"angle": 0,

"xoffset": 0,

"yoffset": 10,

"type": "esriPMS",

"url": "http://static.arcgis.com/images/Symbols/Shapes/BluePin1LargeB.png",

"contentType": "image/png",

"width": 24,

"height": 24

});

featureLayer.setRenderer(new esri.renderer.SimpleRenderer(symbol));

map.addLayer(featureLayer);

}

dojo.addOnLoad(init);

</script>

</head>

</body>

</html>

Re: help... i want renderer point symbol but my code is not work

RiyasDeen — Thu, 21 Aug 2014 07:26:29 GMT

Hi Ia,

One thing that stands out i your code is, you are using same map service for creating a tiled map service object and feature layer. you can't use this combination.

If your map service is tiled then you can't use it as a feature layer.

If you map service is dynamic (which is suspect it is) you need create a ArcGISDynamicMapServiceLayer.

Refer this sample. Edit fiddle - JSFiddle‌

Re: help... i want renderer point symbol but my code is not work

lasinh — Thu, 21 Aug 2014 07:42:04 GMT

there is an example at api acgis for javascript use tiled map service , it still works normally. Map with popup tutorial | ArcGIS API for JavaScript‌. but my code is not work

Re: help... i want renderer point symbol but my code is not work

RiyasDeen — Thu, 21 Aug 2014 08:38:12 GMT

Hi Ia,

If you notice the sample you referred, base map is created from a tiled map service but the FeatureLayer is created from a feature service.

In your case you are creating the base map and feature layer from the same map service.

Re: help... i want renderer point symbol but my code is not work

lasinh — Fri, 22 Aug 2014 04:47:29 GMT

thanks Riyas, i created ArcGISDynamicMapServiceLayer, my code still not render symbol point on map layer. this is my code, please help me!!!

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">

<html>

<head>

<title>Create a Map</title>

<style>

html, body, #mapDiv, .map.container {

padding: 0;

margin: 0;

height: 100%;

}

</style>

dojo.require("esri.map");

dojo.require("esri.layers.FeatureLayer");

dojo.require("dojo.date.locale");

function init() {

var initialExtent = new esri.geometry.Extent({ "xmin": -163.01, "ymin": 3.52, "xmax": 51.96, "ymax": 64.17, "spatialReference": { "wkid": 4326} });

var map = new esri.Map("mapDiv", {

extent: esri.geometry.geographicToWebMercator(initialExtent)

});

dojo.connect(window, 'resize', map, map.resize);

var basemapURL = "http://192.166.3.252:6080/arcgis/rest/services/nen_chung2/Nen_chung2/MapServer‌";

var basemap = new esri.layers.ArcGISDynamicMapServiceLayer(basemapURL);

map.addLayer(basemap);

//define info window and format contents https://developers.arcgis.com/javascript/jsapi/infotemplate-amd.html

var template = esri.InfoTemplate({

title: "${ten}",

content: "<br>${ten}, ${diaChi}"

});

var featureLayer = new esri.layers.FeatureLayer("http://192.166.3.252:6080/arcgis/rest/services/nen_chung2/Nen_chung2/MapServer‌/2", {

infoTemplate: template,

outFields: ["*"]

});

//resize the info window

map.infoWindow.resize(160, 80);

//add a layer definition to filter to display the features

//define new symbol for feature layer - generated withhttps://developers.arcgis.com/javascript/jshelp/inside_renderers.html

var symbol = new esri.symbol.PictureMarkerSymbol({

"angle": 0,

"xoffset": 0,

"yoffset": 10,

"type": "esriPMS",

"url": "http://static.arcgis.com/images/Symbols/Shapes/BluePin1LargeB.png",

"contentType": "image/png",

"width": 24,

"height": 24

});

featureLayer.setRenderer(new esri.renderer.SimpleRenderer(symbol));

map.addLayer(featureLayer);

}

dojo.addOnLoad(init);

</script>

</head>

</body>

</html>

Re: help... i want renderer point symbol but my code is not work

RiyasDeen — Fri, 22 Aug 2014 06:08:53 GMT

Hi Ia,

I tested your code with an ESRI dynamic map service. working as charm!

Can you post a screenshot of what output you are getting for this url http://192.166.3.252:6080/arcgis/rest/services/nen_chung2/Nen_chung2/MapServer?

If the response of above URL contains Tile Info then your map service is not a tiled map service.

I suspect your map service is actually tiled.

Re: help... i want renderer point symbol but my code is not work

RiyasDeen — Fri, 22 Aug 2014 06:09:45 GMT

Correction:

If the response of above URL contains Tile Info then your map service is not a tiled map service.

Re: help... i want renderer point symbol but my code is not work

lasinh — Fri, 22 Aug 2014 07:16:24 GMT

this is dynamic map service

this is my layer

Re: help... i want renderer point symbol but my code is not work

RiyasDeen — Fri, 22 Aug 2014 07:30:57 GMT

Hi Ia,

Are you able to render your point layer now?

Re: help... i want renderer point symbol but my code is not work

lasinh — Fri, 22 Aug 2014 09:59:12 GMT

Hi Riys, i try render layer Congtrinh(2), but symbol not render on map!!!

Re: help... i want renderer point symbol but my code is not work

RiyasDeen — Fri, 22 Aug 2014 10:36:11 GMT

Hi Ia,

From what I'm seeing here, i would expect your code to work.

Forget about the marker symbol, Are you able to at least see your base map with the points from layer Congtrinh. ?

Re: help... i want renderer point symbol but my code is not work

lasinh — Fri, 22 Aug 2014 11:05:37 GMT

layer Congtrinh at scale 500001 -1000000 with 12 points. i think the problem of me that scales Map, so can not be render 12 point at this scale.