<!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>
Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.