Neverending Puppy Marathon

    @supermap/iclient-classic

    11.0.0-beta • Public • Published

    @supermap/iclient-classic

    @supermap/iclient-classic 是一套基于 SuperMap iClient 8C(2017) for JavaScript 的 GIS 客户端应用程序开发工具,通过它用户可以在 SuperMap iClient 8C(2017) for JavaScript 的基础上使用最新的 SuperMap 服务功能。

    简介

    安装

     npm install @supermap/iclient-classic
    

    开发

    在 HTML 文件中引入 SuperMap iClient 8C(2017) 库

    <script src="https://iclient.supermap.io/web/libs/iclient8c/libs/SuperMap.Include.js"></script>
    
    

    在 JS 文件中加入如下代码

    import {MapVLayer} from '@supermap/iclient-classic';
    import {utilCityCenter, DataSet} from 'mapv';
    
    var map, baseLayer, mapvLayer,
        url = "https://iserver.supermap.io/iserver/services/map-china400/rest/maps/China_4326";
    
    init();
    
    function init() {
        map = new SuperMap.Map("map", {
            controls: [
                new SuperMap.Control.Attribution(),
                new SuperMap.Control.ScaleLine(),
                new SuperMap.Control.Zoom(),
                new SuperMap.Control.Navigation({
                    dragPanOptions: {
                        enableKinetic: true
                    }
                })]
        });
        baseLayer = new SuperMap.Layer.TiledDynamicRESTLayer("China", url, {
            transparent: true,
            cacheEnabled: true
        }, {maxResolution: "auto"});
        baseLayer.events.on({"layerInitialized": addLayer});
    }
    
    function addLayer() {
        map.addLayers([baseLayer]);
        map.setCenter(new SuperMap.LonLat(104, 34.7), 2);
        createMapVLayer();
    }
    
    function createMapVLayer() {
        var randomCount = 1000;
    
        var data = [];
    
        var citys = ["北京", "天津", "上海", "重庆", "石家庄", "太原", "呼和浩特", "哈尔滨", "长春", "沈阳", "济南",
            "南京", "合肥", "杭州", "南昌", "福州", "郑州", "武汉", "长沙", "广州", "南宁", "西安", "银川", "兰州",
            "西宁", "乌鲁木齐", "成都", "贵阳", "昆明", "拉萨", "海口"];
    
        while (randomCount--) {
            var cityCenter = utilCityCenter.getCenterByCityName(citys[parseInt(Math.random() * citys.length)]);
            data.push({
                geometry: {
                    type: 'Point',
                    coordinates: [cityCenter.lng - 2 + Math.random() * 4, cityCenter.lat - 2 + Math.random() * 4]
                },
                count: 30 * Math.random()
            });
        }
    
        var dataSet = new DataSet(data);
    
        var options = {
            fillStyle: 'rgba(55, 50, 250, 0.8)',
            shadowColor: 'rgba(255, 250, 50, 1)',
            shadowBlur: 20,
            max: 100,
            size: 50,
            label: {
                show: true,
                fillStyle: 'white'
            },
            globalAlpha: 0.5,
            gradient: {0.25: "rgb(0,0,255)", 0.55: "rgb(0,255,0)", 0.85: "yellow", 1.0: "rgb(255,0,0)"},
            draw: 'honeycomb'
        };
    
        mapvLayer = new MapVLayer("mapv", {dataSet: dataSet, options: options});
        map.addLayer(mapvLayer);
    }
    

    示例

    https://github.com/SuperMap/iClient-JavaScript/tree/master/examples/classic

    Keywords

    Install

    npm i @supermap/iclient-classic

    DownloadsWeekly Downloads

    63

    Version

    11.0.0-beta

    License

    Apache-2.0

    Unpacked Size

    12.1 MB

    Total Files

    304

    Last publish

    Collaborators

    • supermap
    • songyumeng
    • caoxinke