如何为Flex/JS客户端设置地图背景

使用iClient Flex/JavaScript开发的系统，地图范围之外，总是白色的背景，有没有冲动换个背景呢？这次就讲讲如何设置背景吧。

在iClient Flex 6.1.3新增了设置Map背景，包括背景色和背景图片：

背景色，来个清爽色系：

 

附上代码片段：

 

 <supermap:Map backgroundColor="#78a355">

<iclient:TiledDynamicRESTLayer url="http://localhost:8090/iserver/services/map-world/rest/maps/World" />

</supermap:Map>

图片背景，来个图标

 

 <fx:Script>

<![CDATA[

[Bindable]

[Embed(source='iclient.png')]

private var backImg:Class;

]]>

</fx:Script>

<supermap:Map backgroundImage="{backImg}" backgroundImageRepeat="true">

<iclient:TiledDynamicRESTLayer url="http://localhost:8090/iserver/services/map-world/rest/maps/World" />

</supermap:Map>

下个版本会开放在backgroundImage中直接输入图片地址实现地图图片背景设置的形式，更加方便些。 

再来说说JavaScript如何设置。这个直接上代码吧，修改style.css中div.smMap样式，增加background的：

div.smMap {

    z-index: 0;

    padding: 0px!important;

    margin: 0px!important;

    cursor: default;

    border:1px solid #3473b7;

    background: #FFCC80  url('../images/iclient.png') repeat

}

上个效果图：