インターナショナル: 英語
ヨーロッパ : 英語
ドイツ
フランス
エスパーニャ
イタリア
アメリカ : 英語
APMEA : 英語
中国
日本
 |
上海ウィット-カラーデジタルサイエンス & テクノロジー株式会社, 株式会社. アドレス: No.1959 Shangsuロード, Qingcunタウン, |
| 国内の マーケティング 省 | 国内の アフターセールス サービス 省 | |||
| 氏 ハイタオ 嘉 / マネージャー の DMD | 氏 傑 歌 / の局長 DASD | |||
| モバイル: 0086-18017192211 | モバイル: 86-18017197722 | |||
| テルアビブ: 86-21-54881966-8078 | テルアビブ: 86-21-54881966-8722 | |||
| ファックス:86-21-54881966-8078 | ファックス: 86-21-54881617 | |||
| メール: 2880677220@ qq.com | メール: 2880677235@ qq.com | |||
| QQ: 2880677220 |
QQ: 2880677235 |
<!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 = [{タイトル:"ウィット·カラー",コンテンツ:"アドレス:いいえ。 1959 Shangsu 道路, Qingcun タウン, 奉賢 地区, 上海, 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>
<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 = [{タイトル:"ウィット·カラー",コンテンツ:"アドレス:いいえ。 1959 Shangsu 道路, Qingcun タウン, 奉賢 地区, 上海, 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>
最新のウィット·カラーの更新を得るためにあなたの名前とメールアドレスで登録.
