ArcGIS API for javascript（4.0）开发笔记 —— 自定义微件位置

最新推荐文章于 2024-06-07 21:15:46 发布

iForget7

最新推荐文章于 2024-06-07 21:15:46 发布

阅读量2.7k

点赞数

分类专栏：系统开发文章标签： javascript arcgis api

本文链接：https://blog.csdn.net/jingxinwjb/article/details/51916671

版权

系统开发专栏收录该内容

3 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="initial-scale=1,maximum-scale=1,user-scalable=no">
    <title>homeWidget</title>
    <style>
        html,
        body,
        #viewDiv {
            padding: 0;
            margin: 0;
            height: 100%;
            width: 100%;
        }
        #homeButton{
            position: absolute;
            z-index: 30;
            left: 15px;
            top:100px;
        }
    </style>

    <link rel="stylesheet" href="https://js.arcgis.com/4.0/esri/css/main.css">
    <script src="https://js.arcgis.com/4.0/"></script>

    <script>
        require([
            "esri/Map",
            "esri/views/MapView",
            "esri/widgets/Home",
            "dojo/domReady!"
        ], function(Map, MapView,Home) {

            var map = new Map({
                basemap: "streets"
            });

            var view = new MapView({
                container: "viewDiv",
                map: map,
                zoom: 4,
                center: [15, 65]
            });
            var homeWidget = new Home({
                viewModel: {
                    view: view
                }
            }, "homeButton");
            homeWidget.startup();
        });
    </script>
</head>

<body>
<div id="viewDiv">
    <div id="homeButton"></div>
</div>
</body>
</html>

iForget7

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
ArcGIS API for javascript（4.0）开发笔记 —— 自定义微件位置

homeWidget html, body, #viewDiv { padding: 0; margin: 0; height: 100%; width: 100%; } #homeButton{
复制链接

扫一扫