iframe-proxy | Sunbelt Computer Software

140 lines (121 loc) · 4.14 KB
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title>月夜风格</title>
    <style type="text/css">
        body {
            margin: 0;
            overflow: hidden;
            background: #fff;
        #map {
            position: relative;
            height: 553px;
            border: 1px solid #3473b7;
    </style>
    <link href='./css/bootstrap.min.css' rel='stylesheet' />
    <link href='./css/bootstrap-responsive.min.css' rel='stylesheet' />
    <script src='../libs/SuperMap.Include.js'></script>
    <script type="text" id="cartoCssStr">
        /*此处定义不同的颜色变量，在后面可以重复用这些颜色值*/
        @waterColor:rgb(24,24,24);
        @roadColora:rgb(109,102,91);
        @roadColorb:rgb(109,102,91);
        @railwayColora:rgb(80,80,80);
        @railwayColorb:rgb(137,137,137);
        @vegetationColor:rgb(27,27,27);
        @continentColor:rgb(34,34,34);
        @provinceLineColor:rgb(100,100,100);
        #China_Railway_L___China400::a{
        /*每一段的长度为15px,间隔也是15px*/
        line-color:@railwayColora;
        line-width:2.5;
        #China_Railway_L___China400::b{
        /*每一段的长度为15px,间隔也是15px*/
        line-dasharray:18,18;
        line-color:@railwayColorb;
        line-width:2;
        /*底下的地图背景图层*/
        #World_Division___China400{
        polygon-fill:@waterColor;
        /*中国除外的其他国家的图层*/
        #World_Continent___China400{
        polygon-fill:@continentColor;
        line-width:1;
        line-color:@continentColor;
        #China_Province_R___China400{
        polygon-fill:@continentColor;
        line-color:rgba(0,0,0,0);
        #China_Road_L___China400::one{
        line-color:@roadColora;
        line-width:2.5;}
        #China_Road_L___China400::two{
        line-color:@roadColorb;
        line-width:2;}
        #China_Road_L___China400___1::a{
        line-color:@roadColora;
        line-width:2.5;}
        #China_Road_L___China400___1::b{
        line-color:@roadColorb;
        line-width:2;}
        #China_Hyd_R___China400{
        polygon-fill:@waterColor;
        line-color:@waterColor;
        #China_Vegetation_R___China400{
        polygon-fill:@vegetationColor;
        line-color:@vegetationColor;
        #China_Hydside_R___China400{
        polygon-fill:@waterColor;
        line-color:@waterColor;
        #China_Provinces_L___China400{
        line-dasharray:10,10;
        line-color:@provinceLineColor;
        line-width:1;
        #World_Division___China400{
        polygon-fill:@waterColor;
    </script>
    <script type="text/javascript">
        var map, layer, lat, lon, geolocate, infowin,lonLat,geometryInfo,cartoCss, host = document.location.toString().match(/file:\/\//) ? "http://localhost:8090" : 'http://' + document.location.host;
        url = host + "/iserver/services/map-china400/rest/maps/China";
        function init() {
            if(!document.createElement('canvas').getContext) {
                alert('您的浏览器不支持 canvas，请升级');
                return;
            map = new SuperMap.Map("map", {controls: [
                new SuperMap.Control.ScaleLine(),
                new SuperMap.Control.Zoom(),
                new SuperMap.Control.MousePosition(),
                new SuperMap.Control.Navigation({
                    dragPanOptions: {
                        enableKinetic: true
            cartoCss=document.getElementById("cartoCssStr").text;
            layer = new SuperMap.Layer.TiledVectorLayer("China", url,{cacheEnabled:true},{useLocalStorage:true,cartoCss:cartoCss});
            layer.events.on({"layerInitialized": addLayer});
        function addLayer() {
            map.addLayers([layer]);
            var center = new SuperMap.LonLat(12957388,4853991);
            map.setCenter(center, 11);
    </script>
<body onload="init()">
<div id="map"></div>
Sunbelt Computer Software

PL/B Language Development and Support

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Sunbelt Computer Software

PL/B Language Development and Support

FilesExpand file tree

cartoCSS_nightStyle.html

Latest commit

History

cartoCSS_nightStyle.html

File metadata and controls
