<!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>
Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.