【问题标题】:How To Highlight or outline a Region ( Cities) in Esri GIS Maps如何在 Esri GIS 地图中突出显示或勾勒区域(城市)
【发布时间】:2013-09-01 14:11:27
【问题描述】:

您好,我是使用 ESRI 地图的新手。我的数据库中存储了所有城市的纬度和经度现在基于纬度和经度值,我需要在地图中突出显示该区域。

谁能给我看一些代码/点我一篇关于使用 Javascript 在地图中突出显示特定区域(城市)的文章

【问题讨论】:

    标签: gis arcgis esri arcgis-server arcmap


    【解决方案1】:

    Javascript API 文档位于以下链接,如果您还没有,请查看:

    https://developers.arcgis.com/en/javascript/

    如果您已经在 ArcGIS 服务中拥有城市位置,您可以简单地为其创建一个动态图层并将其添加到您的地图中。以下是网站示例部分的示例:

    https://developers.arcgis.com/en/javascript/jssamples/map_dynamic.html

    如果您的城市位置不是来自 ArcGIS 服务,而是来自基本的经纬度表,那么您需要手动将它们作为图形添加到地图中。本质上,这样做的方法是使用您喜欢的方法从您的数据库中检索位置(Web 服务可能是最强大的,或者如果您使用 ASP,则在检索页面时可以将它们作为 javascript 数组呈现到页面中.Net / PHP 等),然后遍历位置数组,为每个位置创建一个图形并添加到地图中。比如:

    require([  
    "esri/geometry/Point", 
    "esri/symbols/SimpleMarkerSymbol",  
    "dojo/_base/Color", 
    "esri/graphic", ... ], 
    function(Point, SimpleMarkerSymbol, Color, Graphic) {  
    
    // assuming cities is an array of city objects with lat and lon attributes
    var cities = /*get your array of city locations*/
    
    // Define a symbol to use
    var citySymbol = new SimpleMarkerSymbol().setStyle(SimpleMarkerSymbol.STYLE_SQUARE).setColor(new Color([255,0,0,0.5]));
    
    // Loop through each city   
    for (n = 0; n < cities.length; n++) {
    
        // Create a point geometry
        var pt = new Point(cities[n].x,cities[n].y,map.spatialReference)
    
        // Create a graphic using the point and symbol
        var graphic = new Graphic(pt,citySymbol);
    
        // add the graphic to the map
        map.graphics.add(graphic);
    
    } 
    

    });

    我实际上并没有运行它,所以它可能包含一两个错误,但希望是一个起点。查看 Javascript API 参考上的图形了解更多信息。

    【讨论】:

    • 我使用此链接“developers.arcgis.com/en/javascript/jssamples/map_simple.html”创建了地图,现在我需要用以下纬度、长值(Aachen - 50.7682583333333、 6.1033) (Munich48.1444902439025,11.5717426829268) 你能告诉我我需要在哪里调整代码吗?
    • 您希望如何仅根据一个坐标来勾勒出城市的面积?
    • @Juffy : 有没有其他方法可以勾勒出城市的特定区域?
    • 是的 - 生成自己的边界(即自己绘制)或查找现有数据集。
    猜你喜欢
    • 2015-10-29
    • 2014-08-23
    • 2023-03-22
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-05-30
    • 1970-01-01
    • 2019-09-25
    相关资源
    最近更新 更多