arcgis for js 开发系列之热力图

最新推荐文章于 2024-09-11 08:38:10 发布

qq:192014881

最新推荐文章于 2024-09-11 08:38:10 发布

阅读量1.1k

点赞数 4

分类专栏： ArcGis 文章标签： arcgis for js

本文链接：https://blog.csdn.net/chuoju1801/article/details/85334994

版权

本文介绍了使用arcgis for js进行地图开发时，如何实现热力图的显示与隐藏功能，详细探讨了相关实现步骤和技术要点。

摘要由CSDN通过智能技术生成

<!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>热力图</title>
    <link rel="stylesheet" type="text/css"
          href="http://127.0.0.1/arcgis_js_api/library/3.16/3.16/dijit/themes/tundra/tundra.css"/>
    <link rel="stylesheet" type="text/css" href="http://127.0.0.1/arcgis_js_api/library/3.16/3.16/esri/css/esri.css"/>
    <script type="text/javascript" src="http://127.0.0.1/arcgis_js_api/library/3.16/3.16/init.js"></script>
    <style>
        html, body, #map {
            width: 100%;
            height: 100%;
            margin: 0;
            padding: 0;
        }
    </style>
    <script>
        var map;
        var featureLayer;
        require([
                "esri/map",
                "esri/layers/FeatureLayer",
                "esri/renderers/HeatmapRenderer",
                "esri/symbols/SimpleMarkerSymbol",
                "esri/symbols/SimpleLineSymbol",
                "esri/symbols/SimpleFillSymbol",
                "esri/Color"],
            function (Map, FeatureLayer, HeatmapRenderer, SimpleMarkerSymbol, SimpleLineSymbol, SimpleFillSymbol, Color) {
                map = new Map("map", {
                    basemap: "osm",
                    center: [106, 29],
                    zoom: 8
                });
                var geodata = [
                    {va