示例描述

该示例展示地图标题设置,包括主标题、副标题、字体大小、字体颜色。

效果演示

示例代码

<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
  <script src='http://dev.dituhui.com/sdk/1.0.0/js/dituhui-flash.js'></script>
  <script src='http://dev.dituhui.com/sdk/1.0.0/js/sample-data.js'></script>
  <script type="text/javascript">
  var map = null;
   function init(){
    map = new Dituhui.Map("myMap", "http://dev.dituhui.com/sdk/1.0.0/swfs/", "100000", Dituhui.MapType.RANGE, "setData", "onError");
   }
   function setData()
   {
    //定义地图标题文本样式
    var titleStyle = {fontSize:25,fontColor:'#079B1B'};
    //定义地图副标题的文本样式
    var subTitleStyle = {fontSize:15,fontColor:'#4B0808'};
    var mapStyles = [
     {min:1,max:3},
     {min:3,max:6},
     {min:6,max:9},
     {min:9,max:12},
     {min:12,max:15}];

    var option = 
    {
     data:data,
     styles:mapStyles, 
     valueField:'gdprate',
     //设置地图标题
     title:"中国各地区2012年GDP增速排行榜",
     titleStyle:titleStyle,
     //设置地图副标题
     subtitle:"单位(%)",
     subTitleStyle:subTitleStyle,
     backgroundColor:"#F5F5F5",
     legendTitle:"GDP增速%"
    };
    map.setMapOptions(option);
   }
   function onError(errorcode)
   {
    /*errorcode:错误编码,有关错误编码的详细描述可参考:
    "开发指南"-->"API参考"-->"错误编码"*/
    alert(errorcode);          
   }
   window.onload = init;
  </script>
 </head>
 <body>
  <div id='myMap' style='width:680px;height:500px'>
  </div>
 </body>
</html>