hello world.html

最新推荐文章于 2025-06-24 02:56:32 发布

学无止境慢慢来

最新推荐文章于 2025-06-24 02:56:32 发布

阅读量759

点赞数

分类专栏： arcgis_js_api_demo3.27

arcgis_js_api_demo3.27 专栏收录该内容

20 篇文章

订阅专栏

本文展示了一个使用ArcGIS JS API创建的地图应用程序实例，详细介绍了如何加载地图、设置地图的基本属性如背景、中心坐标和缩放级别。通过本地发布的API服务，实现了地图的自定义配置。

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <meta name="viewport" content="initial-scale=1, maximum-scale=1,user-scalable=no"/>
    <title>hello world</title>

    <!--以下是官网api-->
    <!--<link rel="stylesheet" href="https://js.arcgis.com/3.27/esri/css/esri.css">-->
    <!--<script src="https://js.arcgis.com/3.27/"></script>-->

    <!--以下是自己发布的服务api。-->
    <link rel="stylesheet" href="http://localhost:8080/arcgis_js_v327_sdk/arcgis_js_api/library/3.27/3.27/esri/css/esri.css">
    <script src="http://localhost:8080/arcgis_js_v327_sdk/arcgis_js_api/library/3.27/3.27/init.js"></script>

    <style>
        html, body, #map {
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
    <script>
        var map;

        require(["esri/map", "dojo/domReady!"], function(Map) {
            map = new Map("map", {
                basemap: "topo",  // "satellite", "hybrid", "topo", "gray", "oceans", "osm", "national-geographic"。
                center: [-122.45, 37.75], // 视图中心的经纬度。
                slider: true,  // 缩放滑块(默认true)。
                zoom: 13  // 缩放比例。
            });
        });
    </script>
</head>

<body>
    <div id="map"></div>
</body>
</html>