上海ウィット-カラーデジタルサイエンス & テクノロジー株式会社, 株式会社.

アドレス: No.1959 Shangsuロード, Qingcunタウン,
               奉賢区, 上海, P.R.China
郵便番号: 201414
テルアビブ: 86-21-54881966
ファックス: 86-21-54889946

 
国際 セールス 省


国際 アフターセールス サービス 省
氏 レオ リー / 一般的な ディレクター の ISD


氏 エリック / の局長 IASD
モバイル: 0086-18017197700


モバイル: 86-18017197711
テルアビブ: 86-21-54881966-8700


テルアビブ: 86-21-54881966-8711
ファックス:86-21-54889946


ファックス: 86-21-54881617
メール: marketing@wit-color.cn


メール:support@wit-color.cn
QQ: 2880677231  (QQ 電子メール 利用できる)


QQ: 2880677211  (QQ 電子メール 利用できる)

<!DOCTYPE htmlの公開 "-//W3C // DTD XHTML 1.0 過渡// EN" "HTTP://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<HTMLののxmlns ="HTTP://www.w3.org/1999/xhtml">
<ヘッド>
<メタHTTP-当量="コンテンツタイプ" コンテンツ="text / htmlの; 文字セット= GB2312" />
<メタ名="キーワード" コンテンツ="百度地图,百度地图API,百度地图自定义工具,百度地图所见即所得工具" />
<メタ名="説明" コンテンツ="百度地图API自定义地图,帮助用户在可视化操作下生成百度地图" />
<title>百度地图API自定义地图</タイトル>
<!--引用百度地图API-->
<スタイルタイプ="テキスト/ CSS">
    HTML,ボディ{マージン:0;パディング:0;}
    .iw_poi_title {色:#CC5522;フォントサイズ:14px;フォントの太さ:ボールド;オーバーPXー:隠されました;パディング右:13px;ホワイトスペース:NOWRAP}
    .iw_poi_content {フォント:12PXのMS Pゴシック,サンセリフ体;オーバーフロー:目に見えます;パディングトップ:4PX;ホワイトスペース:-MOZプレラップ;ワードラップ:ブレークワード}
</スタイル>
<スクリプトタイプ="テキスト/ javascriptの" SRC ="HTTP://api.map.baidu.com/api?キー=&V = 1.1&サービス=真"></スクリプト>
</ヘッド>

<ボディ>
  <!--百度地图容器 - >
  <divのスタイル="幅:697px;高さ:550PX;ボーダー:#CCC固体1pxの;" ID ="dituContent"></DIV>
</ボディ>
<スクリプトタイプ="テキスト/ javascriptの">
    //创建和初始化地图函数:
    機能initMap(){
        createMap();//创建地图
        setMapEvent();//设置地图事件
        addMapControl();//向地图添加控件
        addMarker();//向地图中添加マーカー
    }
    
    //创建地图函数:
    機能createMap(){
        VARマップ=新しいBMap.Map("dituContent");//在百度地图容器中创建一个地图
        VARポイント=新しいBMap.Point(121.565057,30.923209);//定义一个中心点坐标
        map.centerAndZoom(ポイント,18);//设定地图的中心点和坐标并将地图显示在地图容器中
        window.map =地図;//将地図变量存储在全局
    }
    
    //地图事件设置函数:
    機能setMapEvent(){
        map.enableDragging();//启用地图拖拽事件,默认启用(可不写)
        map.enableScrollWheelZoom();//启用地图滚轮放大缩小
        map.enableDoubleClickZoom();//启用鼠标双击放大,默认启用(可不写)
        map.enableKeyboard();//启用键盘上下左右键移动地图
    }
    
    //地图控件添加函数:
    機能addMapControl(){
        //向地图中添加缩放控件
    VARのctrl_nav =新しいBMap.NavigationControl({アンカー:BMAP_ANCHOR_TOP_LEFT,タイプ:BMAP_NAVIGATION_CONTROL_LARGE});
    map.addControl(ctrl_nav);
        //向地图中添加缩略图控件
    VARのctrl_ove =新しいBMap.OverviewMapControl({アンカー:BMAP_ANCHOR_BOTTOM_RIGHT,いるisOpen:1});
    map.addControl(ctrl_ove);
        //向地图中添加比例尺控件
    VARのctrl_sca =新しいBMap.ScaleControl({アンカー:BMAP_ANCHOR_BOTTOM_LEFT});
    map.addControl(ctrl_sca);
    }
    
    //标注点数组
    VAR markerArr = [{タイトル:"ウィット·カラー",コンテンツ:"アドレス:いいえ。&nbsp;1959&nbsp;Shangsu&nbsp;道路,&nbsp;Qingcun&nbsp;タウン,&nbsp;奉賢&nbsp;地区,&nbsp;上海,&nbsp;China.201414<BR />電話:+ 86-21-54881966NBSPamp;nbsp;モブ。:+86-18017197700",ポイント:"121.564774|30.923248",いるisOpen:0,アイコン:{W:21,H:21,L:0,トン:0,X:6,ポンド:5}}
         ];
    //创建マーカー
    機能addMarker(){
        のために(VAR I = 0;私<markerArr.length;I ++){
            VAR JSON = markerArr[私];
            VAR P0 = json.point.split("|")[0];
            VAR P1 = json.point.split("|")[1];
            VARポイント=新しいBMap.Point(P0、P1);
            VAR iconImg = createIcon(json.icon);
            VARマーカー=新しいBMap.Marker(ポイント,{アイコン:iconImg});
            VAR IW = createInfoWindow(私);
            VARラベル=新しいBMap.Label(json.title,{"オフセット":新しいBMap.Size(json.icon.lb-json.icon.x + 10、-20)});
            marker.setLabel(ラベル);
            map.addOverlay(マーカー);
            label.setStyle({
                        のborderColor:"#808080",
                        色:"#333",
                        カーソル:"ポインタ"
            });
            
            (関数(){
                VAR指数= I;
                VAR _iw = createInfoWindow(私);
                VARの_marker =マーカー;
                _marker.addEventListener("クリック",関数(){
                    this.openInfoWindow(_iw);
                });
                _iw.addEventListener("オープン",関数(){
                    _marker.getLabel().隠します();
                })
                _iw.addEventListener("クローズ",関数(){
                    _marker.getLabel().ショー();
                })
                label.addEventListener("クリック",関数(){
                    _marker.openInfoWindow(_iw);
                })
                場合(!!json.isOpen){
                    label.hide();
                    _marker.openInfoWindow(_iw);
                }
            })()
        }
    }
    //创建情報ウィンドウ
    機能createInfoWindow(私){
        VAR JSON = markerArr[私];
        VARのIW =新しいBMap.InfoWindow("<Bクラス= 'iw_poi_title「タイトル='" + json.title + "'>" + json.title + "</B><のdivクラス= 'iw_poi_content'>"+json.content +"</DIV>");
        IWを返します;
    }
    //创建一个アイコン
    機能createIcon(JSON){
        VARアイコン=新しい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),オ新しいBMap.Sizew BMap.Sjson.hon.x,json.h)})
        戻るアイコン;
    }
    
    initMap();//创建和初始化地图
</スクリプト>
</HTML>
©著作権: 上海ウィット-カラーデジタルサイエンス&テクノロジー株式会社, 株式会社. 全著作権所有します.

15

やり続けます

一流のプリンタメーカー

年間の経験200タレント30000お客様
  • セールス:86-21-54881966-8700
  • サービス:86-21-54881966-8711

                    

トップ

何か質問がある場合, メールでのお問い合わせを送信してください

  • * メール :
  • * 名前 :
  • * カントリー :
  • テレフォン :
  • * メッセージ :
  • * Verifycode :
  •  新しいコードをお試しください