Sciences Shanghai numérique Wit-Color & Technology Co., Ltd.

Adresse: No.1959 Shangsu route, Qingcun Ville,
               Fengxian District, Shanghai, P.R.China
Code Postal: 201414
Tel: 86-21-54881966
Fax: 86-21-54889946

 
Int'l Ventes Département


Int'l Après Vente Service Département
M. Lion Lee / Général Directeur de ISD


M. Eric / Directeur général de IASD
Mobile: 0086-18017197700


Mobile: 86-18017197711
Tel: 86-21-54881966-8700


Tel: 86-21-54881966-8711
Fax:86-21-54889946


Fax: 86-21-54881617
Email: marketing@wit-color.cn


Email:support@wit-color.cn
QQ: 2880677231  (QQ Courrier Disponible)


QQ: 2880677211  (QQ Courrier Disponible)

<!DOCTYPE html PUBLIC "-//DTD XHTML du W3C 1.0 Transitional // EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<xmlns = html"http://www.w3.org/1999/xhtml">
<tête>
<meta http-equiv ="Content-Type" content ="text / html; charset = gb2312" />
<meta name ="mots-clés" content ="百度 地图,百度 地图 API,百度 地图 自 定义 工具,百度 地图 所见即所得 工具" />
<meta name ="description" content ="百度 地图 API 自 定义 地图,帮助 用户 在 可视 化 操作 下 生成 百度 地图" />
<title>百度 地图 API 自 定义 地图titretitle>
<!--引用 百度 地图 API-->
<style type ="text / css">
    html,corps{marge:0;rembourrage:0;}
    .iw_poi_title {couleur:#CC5522;taille de police:14px;font-weight:audacieux;débordement:caché;paddingpxight:13px;white-space:nowrap}
    .iw_poi_content {fonte:12px arial,sans-serif;débordement:visible;padding-top:4px;white-space:-moz-pre-wrap;word-wrap:pause-mot}
</style>
<Type script ="text / javascript" src ="http://api.map.baidu.com/api?= clés&v = 1,1&services = true"></scénario>
</tête>

<corps>
  <!--百度 地图 容器 ->
  <div style ="largeur:697px;hauteur:55pxx;frontière:#ccc 1px solid;" id ="dituContent"></div>
</corps>
<Type script ="text / javascript">
    //创建 和 初始化 地图 函数:
    fonction initMap(){
        createMap();//创建 地图
        setMapEvent();//设置 地图 事件
        addMapControl();//向 地图 添加 控件
        addMarker();//向 地图 中 添加 marqueur
    }
    
    //创建 地图 函数:
    fonction createMap(){
        var map = nouvelle BMap.Map("dituContent");//在 百度 地图 容器 中 创建 一个 地图
        point de var = new BMap.Point(121.565057,30.923209);//定义 一个 中心点 坐标
        map.centerAndZoom(point,18);//设定 地图 的 中心点 和 坐标 并将 地图 显示 在 地图 容器 中
        window.map = carte;//将 carte 变量 存储 在 全局
    }
    
    //地图 事件 设置 函数:
    fonction setMapEvent(){
        map.enableDragging();//启用 地图 拖拽 事件,默认 启用(可不 写)
        map.enableScrollWheelZoom();//启用 地图 滚轮 放大 缩小
        map.enableDoubleClickZoom();//启用 鼠标 双击 放大,默认 启用(可不 写)
        map.enableKeyboard();//启用 键盘 上下 左右 键 移动 地图
    }
    
    //地图 控件 添加 函数:
    fonction addMapControl(){
        //向 地图 中 添加 缩放 控件
    var = new ctrl_nav BMap.NavigationControl({ancre:BMAP_ANCHOR_TOP_LEFT,type:BMAP_NAVIGATION_CONTROL_LARGE});
    map.addControl(ctrl_nav);
        //向 地图 中 添加 缩略图 控件
    var = new ctrl_ove BMap.OverviewMapControl({ancre:BMAP_ANCHOR_BOTTOM_RIGHT,est ouvert:1});
    map.addControl(ctrl_ove);
        //向 地图 中 添加 比例尺 控件
    var = new ctrl_sca BMap.ScaleControl({ancre:BMAP_ANCHOR_BOTTOM_LEFT});
    map.addControl(ctrl_sca);
    }
    
    //标注 点数 组
    var = markerArr [{titre:"Wit-Color",content:"Adresse:Non.&nbsp;1959&nbsp;Shangsu&nbsp;Route,&nbsp;Qingcun&nbsp;Ville,&nbsp;Fengxian&nbsp;Quartier,&nbsp;Shanghai,&nbsp;China.201414<br />Tél: + 86-21-54881966, nbsp;Mob.:+86-18017197700",point:"121.564774|30.923248",est ouvert:0,icône:{w:21,h:21,l:0,t:0,x:6,lb:5}}
         ];
    //创建 marqueur
    fonction addMarker(){
        pour(var i = 0;Je<markerArr.length;i ++){
            var = json markerArr[Je];
            var = p0 json.point.split("|")[0];
            var = p1 json.point.split("|")[1];
            point de var = new BMap.Point(p0, p1);
            var = iconImg CreateIcon(json.icon);
            marqueur var = new BMap.Marker(point,{icône:iconImg});
            var = iw createInfoWindow(Je);
            étiquette var = new BMap.Label(json.title,{"offset":nouvelle BMap.Size(json.icon.lb-json.icon.x + 10, -20)});
            marker.setLabel(étiquette);
            map.addOverlay(marqueur);
            label.setStyle({
                        borderColor:"#808080",
                        couleur:"#333",
                        curseur:"aiguille"
            });
            
            (fonction(){
                var index = i;
                var = _iw createInfoWindow(Je);
                var = _marker marqueur;
                _marker.addEventListener("clic",fonction(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("ouvert",fonction(){
                    _marker.getLabel().cacher();
                })
                _iw.addEventListener("près",fonction(){
                    _marker.getLabel().spectacle();
                })
                label.addEventListener("clic",fonction(){
                    _marker.openInfoWindow(_iw);
                })
                si(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建 InfoWindow
    fonction createInfoWindow(Je){
        var = json markerArr[Je];
        var iw = new BMap.InfoWindow("<b class = titre 'iw_poi_title' = '" + json.title + "'>" + json.title + "</b><class = div 'iw_poi_content'>"+json.content +"</div>");
        retourner iw;
    }
    //创建 一个 Icône
    fonction CreateIcon(json){
        var = new icône BMap.Icon("http://app.baidu.com/map/images/us_mk_icon.png", new BMap.Size(json.w,json.h),{ImageOffset: new BMap.Size(-json.l,-json.t),infoWindowOffset:new BMap.Size(json.lb + 5,1),offsenouvelle BMap.Sizeze(json.json.h.h)})
        retour icône;
    }
    
    initMap();//创建 和 初始化 地图
</scénario>
</html>
© Copyright: Shanghai Wit-Color Digital Science & Technology Co., Ltd. Tous droits réservés.

15

CONTINUE À FAIRE

Le principal imprimeur FABRICANT

Ans d'expérience200Talents30000Clientèle
  • Ventes:86-21-54881966-8700
  • Service:86-21-54881966-8711

                    

haut

Si vous avez des questions, se il vous plaît envoyer une demande e-mail

  • * Email :
  • * Nom :
  • * Pays :
  • Téléphone :
  • * Message :
  • * Verifycode :
  •  Essayez un nouveau code