ArcGIS JavaScript API 开发笔记（一）dojo.addOnLoad函数不识别自定义函数

我爱容嬷嬷

于 2020-06-12 11:39:24 发布

阅读量372

点赞数

分类专栏： webgis JavaScript 文章标签： javascript web arcgis

本文链接：https://blog.youkuaiyun.com/hesheng_csdn/article/details/106712621

版权

webgis 同时被 2 个专栏收录

1 篇文章

订阅专栏

JavaScript

1 篇文章

订阅专栏

实现功能：加载底图，显示地图的鼠标位置，但是这个init函数就是不识别，我去！
原始代码如下：

<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title></title>
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/4.15/dijit/themes/tundra/tundra.css" />
    <script type="text/javascript" src="http://localhost/arcgis_js_api/library/4.15/init.js"></script>
<!--    <script type="text/javascript" src="arcgisjs/jsapi_vsdoc12_v38.js"></script>-->
    <link rel="stylesheet" type="text/css" href="http://localhost/arcgis_js_api/library/4.15/esri/css/main.css" />
    <script>

        require(["esri/Map","esri/views/MapView","esri/Basemap","esri/layers/TileLayer"],function init(Map,MapView,Basemap,TileLayer) {
            //layer >> basemap >> map >> view
            var layer = new TileLayer({     // Server 10.2.2版本发布的切片地图服务
                url: "https://tiles.arcgis.com/tiles/nGt4QxSblgDfeJn9/arcgis/rest/services/New_York_Housing_Density/MapServer"
            });

            var customBasemap = new Basemap({
                baseLayers: [layer],
                title: "Custom Basemap",
                id: "myBasemap"
            });

            var myMap = new Map({
                basemap: customBasemap
            });

            //myMap.layers.add(layer)

            var view = new MapView({
                center: [117, 40.57],
                container: "viewDiv",
                map: myMap,
                zoom: 6
            });



            var div1 = dojo.byId("div1");
            var div2 = dojo.byId("div2");
            dojo.connect(myMap, "onMouseMove", function (e) {
                var mp = e.mapPoint;
                var sp = e.screenPoint;
                div1.innerHTML = mp.x + "/" + sp.x;
                div2.innerHTML = mp.y + "/" + sp.y;
            });

        });

        dojo.addOnLoad(init)
    </script>
</head>
<body>
<div id="viewDiv" style=" width:900px; height:500px"></div>
<div id="div1"></div>
<div id="div2"></div>
</body>
</html>