上一节,我们在本地部署完了,下面就让我们一起来踩坑,首先先上一段代码
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>demo06</title>
<link rel="stylesheet" type="text/css" href="./arcgis_js_api/library/3.17/3.17/dijit/themes/tundra/tundra.css"/>
<link rel="stylesheet" type="text/css" href="./arcgis_js_api/library/3.17/3.17/esri/css/esri.css" />
</head>
<body>
<div id="mapDiv" style="width:900px; height:600px; border:1px solid #000;"></div>
<script type="text/javascript" src="./arcgis_js_api/library/3.17/3.17/init.js"></script>
<script>
require([
"esri/map",
"dojo/domReady!"
],function(Map){
var mymap = new Map("mapDiv",{
basemap:"topo"
})
})
</script>
</body>
</html>
css、js必要的引入一定要引入,这个不要忘了,然后我们来看一眼咱们的处女作。。。
恭喜啊,兄弟,可是右下角那个标志是不是很刺眼,我也觉得刺眼,谁让我们用他们的产品呢,人家打个广告也是无可厚非,但是人家还是很人性化的,是可以去掉的,就在
var mymap = new Map("mapDiv",{
logo:false,
basemap:"topo"
})
在这个段代码中加入logo:false,
,这个问题立马就解决了
大家请看
ok,咱的第一张图就被咱们这么揪出来了!!