arcgis api for javascript 地图随着所在div大小的变化而改变的resize()事件

最新推荐文章于 2024-04-25 19:09:57 发布

原创

最新推荐文章于 2024-04-25 19:09:57 发布 · 5.7k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#arcgis #html #javascript #地图 #api

本文介绍如何利用arcgis api for javascript监听div尺寸变化，通过resize()事件实时调整地图大小，确保地图始终填充div。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

首先我们需要先创建一个地图，代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Resizable Map</title>
    <link rel="stylesheet" type="text/css" href="http://serverapi.arcgisonline.com/jsapi/arcgis/2.0/js/dojo/dijit/themes/tundra/tundra.css"/>
    <script type="text/javascript" src="http://serverapi.arcgisonline.com/jsapi/arcgis?v=2.0"></script>
    <script>
        dojo.require("esri.map");
        var map;
        function init(){
            map = new esri.Map("map",{//加载地图
                logo:false//不显示logo
            });
            var myTiledMapServiceLayer = new esri.layers.ArcGISTiledMapServiceLayer("http://192.168.0.181/ArcGIS/rest/services/GISBaseMap/MapServer");
            map.addLayer(myTiledMapServiceLayer);
        }
        dojo.addOnLoad(init);
    </script>
</head>
<body>
<div id="map" style="w