Ciencia Shanghai Wit-Color Digital & Tecnología Co., Ltd.

Dirección: No.1959 Shangsu carretera, Qingcun Ciudad,
               Fengxian Distrito, Shanghai, P.R.China
Código postal: 201414
Tel: 86-21-54881966
Fax: 86-21-54889946

 
Int'l Venta Departamento


Int'l Después De Las Ventas Servicio Departamento
Sr. León Sotavento / General Director de ISD


Sr. Eric / Director General de IASD
Móvil: 0086-18017197700


Móvil: 86-18017197711
Tel: 86-21-54881966-8700


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


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


E-mail:support@wit-color.cn
QQ: 2880677231  (QQ Correo Disponible)


QQ: 2880677211  (QQ Correo Disponible)

<!DOCTYPE HTML PUBLIC "-//W3C // DTD XHTML 1.0 Transición // ES" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<xmlns html ="http://www.w3.org/1999/xhtml">
<cabeza>
<meta http-equiv ="Content-Type" content ="text / html; charset = gb2312" />
<meta name ="palabras clave" content ="百度 地图,百度 地图 API,百度 地图 自 定义 工具,百度 地图 所见即所得 工具" />
<meta name ="descripción" content ="百度 地图 API 自 定义 地图,帮助 用户 在 可视 化 操作 下 生成 百度 地图" />
<title>百度 地图 API 自 定义 地图títulotitle>
<!--引用 百度 地图 API-->
<style type ="text / css">
    html,cuerpo{margen:0;acolchado:0;}
    .iw_poi_title {color:#CC5522;tamaño de fuente:14px;font-weight:audaz;desbordamiento:oculto;padding-rpxht:13px;espacio en blanco:nowrap}
    .iw_poi_content {fuente:12px arial,Sans Serif;desbordamiento:visible;padding-top:4px;espacio en blanco:-moz-pre-wrap;word-wrap:ruptura palabra}
</estilo>
<script type ="text / javascript" src ="http://api.map.baidu.com/api?= clave&v = 1,1&servicios = true"></guión>
</cabeza>

<cuerpo>
  <!--百度 地图 容器 ->
  <div style ="ancho:697px;altura:550px;frontera:#ccc 1px solid;" id ="dituContent"></div>
</cuerpo>
<script type ="text / javascript">
    //创建 和 初始化 地图 函数:
    función initMap(){
        createMap();//创建 地图
        setMapEvent();//设置 地图 事件
        addMapControl();//向 地图 添加 控件
        addMarker();//向 地图 中 添加 marcador
    }
    
    //创建 地图 函数:
    función createMap(){
        var map = new BMap.Map("dituContent");//在 百度 地图 容器 中 创建 一个 地图
        punto var = new BMap.Point(121.565057,30.923209);//定义 一个 中心点 坐标
        map.centerAndZoom(punto,18);//设定 地图 的 中心点 和 坐标 并将 地图 显示 在 地图 容器 中
        window.map = mapa;//将 mapa 变量 存储 在 全局
    }
    
    //地图 事件 设置 函数:
    función setMapEvent(){
        map.enableDragging();//启用 地图 拖拽 事件,默认 启用(可不 写)
        map.enableScrollWheelZoom();//启用 地图 滚轮 放大 缩小
        map.enableDoubleClickZoom();//启用 鼠标 双击 放大,默认 启用(可不 写)
        map.enableKeyboard();//启用 键盘 上下 左右 键 移动 地图
    }
    
    //地图 控件 添加 函数:
    función addMapControl(){
        //向 地图 中 添加 缩放 控件
    ctrl_nav var = new BMap.NavigationControl({ancla:BMAP_ANCHOR_TOP_LEFT,tipo:BMAP_NAVIGATION_CONTROL_LARGE});
    Map.addControl(ctrl_nav);
        //向 地图 中 添加 缩略图 控件
    ctrl_ove var = new BMap.OverviewMapControl({ancla:BMAP_ANCHOR_BOTTOM_RIGHT,Esta abierto:1});
    Map.addControl(ctrl_ove);
        //向 地图 中 添加 比例尺 控件
    ctrl_sca var = new BMap.ScaleControl({ancla:BMAP_ANCHOR_BOTTOM_LEFT});
    Map.addControl(ctrl_sca);
    }
    
    //标注 点数 组
    var markerArr = [{título:"Wit-Color",contenido:"Dirección:No.&nbsp;1959&nbsp;Shangsu&nbsp;Carretera,&nbsp;Qingcun&nbsp;Ciudad,&nbsp;Fengxian&nbsp;Distrito,&nbsp;Shanghai,&nbsp;China.201414<br />Tel: + 86-21-548819nbspamp;nbsp;Mob.:+86-18017197700",punto:"121.564774|30.923248",Esta abierto:0,icono:{w:21,h:21,l:0,t:0,x:6,libras:5}}
         ];
    //创建 marcador
    función addMarker(){
        para(var i = 0;yo<markerArr.length;i ++){
            var json = markerArr[yo];
            var p0 = json.point.split("|")[0];
            var p1 = json.point.split("|")[1];
            punto var = new BMap.Point(p0, p1);
            var iconImg = CreateIcon(json.icon);
            marcador var = new BMap.Marker(punto,{icono:iconImg});
            var iw = createInfoWindow(yo);
            etiqueta var = new BMap.Label(json.title,{"offset":nueva BMap.Size(json.icon.lb-json.icon.x + 10, -20)});
            marker.setLabel(etiqueta);
            map.addOverlay(marcador);
            label.setStyle({
                        borderColor:"#808080",
                        color:"#333",
                        cursor:"puntero"
            });
            
            (función(){
                Índice var = i;
                var _iw = createInfoWindow(yo);
                _marker var = marcador;
                _marker.addEventListener("clic",función(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("abierto",función(){
                    _marker.getLabel().ocultar();
                })
                _iw.addEventListener("cerca",función(){
                    _marker.getLabel().show();
                })
                label.addEventListener("clic",función(){
                    _marker.openInfoWindow(_iw);
                })
                si(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建 InfoWindow
    función createInfoWindow(yo){
        var json = markerArr[yo];
        iw var = new BMap.InfoWindow("<b class = título 'iw_poi_title' = '" + json.title + "'>" + json.title + "</b><= clase div 'iw_poi_content'>"+json.content +"</div>");
        volver iw;
    }
    //创建 一个 Icono
    función CreateIcon(json){
        icono var = new 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),offsenueva BMap.Sizeze(json.json.h.h)})
        icono de retorno;
    }
    
    initMap();//创建 和 初始化 地图
</guión>
</html>
© Derechos de Autor: Shanghai Wit-Color Digital Science & Technology Co., Ltd. Reservados todos los derechos.

15

Seguir haciendo

LÍDER DEL FABRICANTE DE LA IMPRESORA

Años Experiencia200Talentos30000Clientes
  • Venta:86-21-54881966-8700
  • Servicio:86-21-54881966-8711

                    

superior

Si tiene alguna pregunta, por favor envíe un e-mail investigación

  • * E-mail :
  • * Nombre :
  • * País :
  • Teléfono :
  • * Mensaje :
  • * Verifycode :
  •  Pruebe con un nuevo código