直接上代码:
<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title></title> <meta charset="utf-8"/> <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no" /> <link rel="stylesheet" href="http://localhost:2000/library/3.19/3.19/esri/css/esri.css"/> <!-- <link rel="stylesheet" href="http://localhost:2000/library/3.19/3.19/init.js"/>--> <script src="js/init.js"></script> <style> html, body, #map { height: 100%; margin: 0; padding: 0; } </style> <script> var myMap,centerPoint; require(["esri/map","esri/layers/ArcGISTiledMapServiceLayer","dojo/domReady!"], function(Map, ArcGISTiledMapServiceLayer) { myMap = new Map("map",{ center: [118.631557, 33.319631], zoom: 9, fadeOnZoom: true, autoResize: true, logo: false }); var baseLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer"); myMap.addLayer(baseLayer); }); </script> </head> <body> <div id="map"></div> </body> </html>