首页 / 浏览问题 / 云GIS / 问题详情
SuperMap iClient for JavaScript 地图不显示
2EXP 2019年12月16日

使用产品 iserver for client 9D 操作系统win10 x64

问题的详细描述:在浏览器中加载并显示地图。

代码如下:

<!DOCTYPE html>

<head>

    <meta charset="UTF-8">
    <title>Document</title>

    <script src="lib/SuperMap.Include.js"></script>
    <script type="text/javascript">
    var map,layer, url = "http://localhost:8090/iserver/services/map-nanyou/rest/maps/d70d14a3_62d5_450d_9ec4_ae0ca836dc8c_1@%E5%8D%97%E9%82%AE";
    function onPageLoad(){
        map = new SuperMap.Map("map");
        layer = new SuperMap.Layer.TiledDynamicRESTLayer("World",url,{transparent:true,cacheEnabled:true},{maxResolution:"auto"});
        layer.events.on({"layerlnitialized":addLayer});
    }

    function addLayer(){

        map.addLayer(layer);
        map.setCenter(new SuperMap.Lonlat(0,0),0);
    }

    function ZoomIn(){
        map.zoomIn();
    }

    function ZoomOut(){
        map.zoomOut();
    }
    </script>
</head>

<body onload=onPageLoad()>
    <div id="map" style="position: absolute; left: 0px; right:0px; width: 800px; height: 500px;">
    </div>
    <input type="button" value="选择站点" onclick="ZoomIn()">
    <input type="button" value="提交" onclick="ZoomOut()">
    <input type="button" value="清除" onclick="ZoomOut()">

</body>

</html>

1个回答

您好,检查一下浏览器报错看一下是否有相关信息然后看一下在iserver服务预览中是否能正常的通过预览方式显示地图
5,668EXP 2019年12月16日

您好,我后来改了一下代码,用官网教程上的地图可以显示,但是用其他的地图就不显示。并且上下左右移动的时候还会报错。报错的内容为   无法获取未定义或 null 引用的属性“add”

地址和中心点位置都改过了,请问还有什么地方需要修改的吗,谢谢了。

<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html;charset="utf-8" />
    <title>GettingStarted</title>
    <script src ="libs/SuperMap.Include.js"></script>
    <script type="text/javascript">
        var map, layer;
        var url = "http://localhost:8090/iserver/services/map-nanyou/rest/maps/d70d14a3_62d5_450d_9ec4_ae0ca836dc8c_1@%E5%8D%97%E9%82%AE";
        function onPageload() {
            map = new SuperMap.Map("map");
            layer = new SuperMap.Layer.TiledDynamicRESTLayer("nanyouLayer", url, null, { maxResolution: "auto" });
            layer.events.on({ "layerInitialized": addLayer });
            
        }
        function addLayer() {
            //向map中添加图层
            map.addLayer(layer);
            map.setCenter(new SuperMap.LonLat(1156.4,1783.72), 0);
        }
    </script>
</head>
<body onload=" onPageload()">
    <div id="map" style="position:relative;left:0px;right:0px;width:800px;height:500px"></div>
</body>
</html>

一般的话就是检查一下代码、引用、坐标系设置等,可以直接在官网示例上加载看一下能否正常出图。
...