Hi ashok,
I am not using webmap.
This is my js code
require([
"esri/Map",
"esri/views/MapView",
"esri/layers/WMSLayer",
"esri/layers/GraphicsLayer",
"esri/widgets/Sketch",
"esri/widgets/LayerList",
"esri/widgets/Expand",
"esri/widgets/ScaleBar",
"esri/widgets/Fullscreen",
"esri/widgets/Search",
"esri/widgets/Home",
"esri/Basemap"
], function(Map,MapView,WMSLayer,GraphicsLayer,Sketch,LayerList,Expand,ScaleBar,Fullscreen,Search,Home,Basemap)
{
var commonUrl = "server-wms-url"
var imageUrl = "server-wms-url-image";
var appConfig = {
mapView: null,
sceneView: null,
activeView: null,
container: “mapdiv”,
// use same container for views
};
var initialViewParams = {
zoom:12, // here I am trying to set zoom level
//scale:20000000,
center:[78.19342753563451,21.591641645634088],
container: appConfig.container
};
baselayer = new WMSLayer({
url:commonUrl,
sublayers: [{
name:"Base Layer"
}],
title:"Base Layer",
});
var basemapcview = new Basemap({
baseLayers:[baselayer]
})
cviewmap = new Map({
basemap: [basemapcview],
layers:[baselayer]
});
appConfig.mapView = createView(initialViewParams,"2d",jsonData,coordinatevalue);
appConfig.mapView.map = cviewmap;
appConfig.activeView = appConfig.mapView;
function createView(params, type,jsonData,coordinatevalue){
var is2D = type === "2d";
if(is2D){
cview = new MapView(params);
} else {
cview = new SceneView(params);
getmaplatlong(cview);
}
var layerList = new LayerList({
container: document.createElement("div"),
view:cview
});
var layerListExpand = new Expand({
expandIconClass: "esri-icon-layers",
view:cview,
content:layerList.domNode
})
cview.ui.add(layerListExpand,"top-right");
var scaleBar = new ScaleBar({
view:cview,
unit:"dual",
});
cview.ui.add(scaleBar,{
position:"bottom-right"
});
cview.ui.move("zoom","top-right");
var fullscreen = new Fullscreen({
view:cview
});
cview.ui.add(fullscreen,{
position:"top-right"
});
var homeBtn = new Home ({
view:cview
})
cview.ui.add(homeBtn,{
position:"top-right"
});
return cview;
}
});