<!doctype html> <html> <head> <meta charset="utf-8"> <title>test map with one marker</title> <link type="text/css" href="style/cp.css" rel="stylesheet" /> <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/dojo/dijit/themes/claro/claro.css"> <link rel="stylesheet" href="http://js.arcgis.com/3.9/js/esri/css/esri.css"> <script type="text/javascript" src="http://js.arcgis.com/3.9/"></script> <script> <!--// var icons = new Array(); var coords = {'lat': new Array(), 'lon': new Array()}; var map = ''; var icon = ''; var lat = '43.727294000'; var lon = '-97.977614000'; require([ "esri/map", "esri/geometry/Point", "esri/SpatialReference", "esri/graphic", "dojo/on", "esri/symbols/SimpleMarkerSymbol", "esri/symbols/PictureMarkerSymbol", "esri/symbols/SimpleFillSymbol", "dojo/domReady!" ], function(Map, Point, SpatialReference, Graphic, on, SimpleMarkerSymbol, PictureMarkerSymbol, SimpleFillSymbol) { map = new Map("idmap", { center: [lon, lat], zoom: 9, basemap: "national-geographic" }); on(map, "load", addGraphic); function addGraphic(){ var symbolb = new PictureMarkerSymbol('http://files.geoconhead.consensusdev.com/portal/GCH3cXr0JLmkVKE3QykW/icons/type/original/vtm891210C58F9ABE062.png', 30, 30); var gpoint = new Point(lon, lat, new SpatialReference({ wkid: 4326 }) ); var newgraphic = new Graphic(gpoint, symbolb); map.graphics.add(newgraphic); console.log(newgraphic); } }); //--> </script> </head> <body> <div id="container"> <div id="core"> <div class="column" id="column3"> <div id="idmap" style="width:500px;height:500px;"></div> </div> <div class="clearboth"></div> </div> </div> </body> </html>
Les membres connectés peuvent publier, suivre les mises à jour, et plus encore. Nouveau ici ? Inscrivez-vous gratuitement.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.