【文章內(nèi)容簡(jiǎn)介】 大、縮小、 秱勱 功能的地圖。 以下簡(jiǎn)單代碼即可搞定。 代碼 !DOCTYPE html PUBLIC //W3C//DTD XHTML Strict//EN html xmlns= head meta equiv=contenttype content=text/html。 charset=GBK/ titleMapbar 地圖 JavaScript API 示例 /title script type=text/javascript src= script language = javascript var maplet。 // oo: true 打開(kāi)鷹眼地圖； false 關(guān)閉鷹眼地圖。 var oo = true。 // 創(chuàng)建一個(gè)北京地圖 ， 地圖中心為 北京 天安門(mén)廣場(chǎng) ， 顯示比例尺為第 8 級(jí)（即城市地圖級(jí)別） ， 地圖尺寸為寬 640 象素 , 高 480 象素。 function init() { // 頁(yè)面展現(xiàn)初始化凼數(shù) maplet = new Maplet(myMap)。 // 創(chuàng)建一個(gè)名字為 myMap 的地圖對(duì)象實(shí)例。 (new MStandardControl())。 // 添加地圖標(biāo)準(zhǔn)縮放控件（魚(yú)骨頭）。 (new MPoint(北京 市 ),8)。 // 顯示以北京為中心，比例尺為 8 級(jí)的地 圖。 } /script head body onload=init()。 div id=myMap style=position:relative。top:20。left:100。width:640px。height:480px/div!//定義 myMap 地圖 在窗口的位置信息，例如： 寬、高 等 。 /body /html 地圖操作接口分冊(cè) 機(jī)密 第 10 頁(yè) 共 50 頁(yè) 代碼執(zhí)行 圖例 定制自己的按鈕 要想在地圖上自己定制操作按鈕（放大、縮小、測(cè)距、秱勱）， 4 行代碼解決問(wèn)題。 程序 html head meta equiv=ContentType content=text/html。 charset=GBK title /title script language=javascript src= script type=text/javascript language=javascript function init() { maplet = new Maplet(myMap)。 (new MPoint(北京市 ), 8)。 } /script /head body onLoad=init()。 !// 定制自己的按鈕。 button onClick=(1)放大 /button !//定義放大按鈕。 button onClick=(2)縮小 /button !// 定義縮小按鈕。 button onClick=(11)測(cè)距 /button !// 定義測(cè)距按鈕。 button onClick=(3)移動(dòng) /button !// 定義移動(dòng)按鈕。 div id=myMap style=position:relative。top:20。left:100。width:640px。height:480px/div 地圖操作接口分冊(cè) 機(jī)密 第 11 頁(yè) 共 50 頁(yè) /body /html 代碼執(zhí)行 圖例 操作說(shuō)明：?jiǎn)螕舭粹o，地圖執(zhí)行 按鈕提示的操作功能。 在地圖上創(chuàng)建 1個(gè)標(biāo)注點(diǎn) POI 在地圖上創(chuàng)建 1 個(gè)標(biāo)注點(diǎn) POI，也是幾行代碼的工作量。 代碼 !DOCTYPE html PUBLIC //W3C//DTD XHTML Strict//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=GBK title/title script language=javascript src= script type=text/javascript language=javascript var myicon = new MMarker ( // 創(chuàng)建一個(gè)標(biāo)注點(diǎn) POI 對(duì)象實(shí)例。 new MPoint(北京市 ), // 定義 標(biāo)注點(diǎn) 坐標(biāo)中心。 new MIcon( // 配置標(biāo)注點(diǎn)顯示圖標(biāo)。 new MInfoWindow(名稱(chēng) ,內(nèi)容 ), // 定義標(biāo)注點(diǎn)氣泡信息框的標(biāo)題不內(nèi)容。 new MLabel(標(biāo)簽 ) // 定義標(biāo)注點(diǎn)在地圖上顯示的標(biāo)簽名稱(chēng)。 )。 地圖操作接口分冊(cè) 機(jī)密 第 12 頁(yè) 共 50 頁(yè) function init() { maplet = new Maplet(myMap)。 (new MPoint(北京市 ), 8)。 (myicon)。 // 將標(biāo)注點(diǎn) POI 添加到地圖上。 } /script /head body onLoad=init()。 div id=myMap style=width:640px。height:480px/div /body /html 代碼執(zhí)行 圖例 操作說(shuō)明：?jiǎn)螕魳?biāo)注點(diǎn)圖標(biāo)，界面彈出標(biāo)注點(diǎn)氣泡信息框。 在地圖上添加 1條折線（面） 在地圖上劃 折線，也丌過(guò)是幾行代碼的工作量。 代碼 !DOCTYPE html PUBLIC //W3C//DTD XHTML Strict//EN html xmlns= head meta equiv=ContentType content=text/html。 charset=GBK title/title script language=javascript src= 地圖操作接口分冊(cè) 機(jī)密 第 13 頁(yè) 共 50 頁(yè) script type=text/javascript language=javascript var myBrush = new MBrush(FF0000,3)。 // 創(chuàng)建用于折線的畫(huà)筆 對(duì)象實(shí)例 。 = true。 // 定義 畫(huà)筆 是否填充線所包含的區(qū)域（面） = 00f。 // 定義 畫(huà)筆 填充的背景色。 = 10。 // 定義畫(huà)筆線粗細(xì)寬度。 var myPline = new MPolyline( // 創(chuàng)建 1 個(gè)折線對(duì)象實(shí)例。 [ new MPoint(39。HEJJFUXVVHCWI39。), // 定義折線起點(diǎn)坐標(biāo)。 new MPoint(39。HERTVFXVVGWBA39。), // 定義折線中間點(diǎn)坐標(biāo)。 new MPoint(39。HEJJFUWVVGDFI39。) // 定 義折線終點(diǎn)坐標(biāo) ], myBrush, // 引用畫(huà)筆。 new MInfoWindow(線的名稱(chēng) , 線的內(nèi)容 ) // 定義單擊折線彈出的折線氣泡信息框。 )。 function init() { maplet = new Maplet(myMap)。 (new MPoint(北京市 ), 8)。 (myPline)。 } /script /head body onLoad=init()。 div id=myMap style=width:640px。height:480px/div /body /html 執(zhí)行代碼圖例 地圖操作接口分冊(cè) 機(jī)密 第 14 頁(yè) 共 50 頁(yè) 操作說(shuō)明：?jiǎn)螕粽劬€任意點(diǎn)，界面彈出折線氣泡信息框。 地圖基本操作 演示在地圖上定制多個(gè)支持地圖基本操作功能的按鈕，單擊這些按鈕時(shí)，執(zhí)行按鈕提示的操作功能。 程序看起來(lái)似乎復(fù)雜，實(shí)際很單純，克隆 14 行代碼，滿足 14 中地圖操作功能演示。 代碼 html head meta equiv=ContentType content=text/html。 charset=GBK / titleMapbar Map/title style // 刪除了本段格式風(fēng)格定義描述內(nèi)容。 /style script type=text/javascript src= script language = javascript var maplet。 var oo = true。 function init() { maplet = new Maplet(mapbar)。 (new MPoint(泉州市 ),8)。 (new MStandardControl())。 } function getCenter() { 地圖操作接口分冊(cè) 機(jī)密 第 15 頁(yè) 共 50 頁(yè) var str = ()。 return ((amp。ctr=) + 5, (amp。client=))。 } /script /head body onload = init()。 leftmargin=10 topmargin=10 marginheight=0 marginwidth=0 table width=830 cellpadding=0 cellspacing=0 border=0 tr td width=500 div id=mapbar style=position:relative。top:0。left:0。width:500px。height:350px。border:0。 // 地圖顯示區(qū) 。 /td td style=paddingleft:10px。 valign=top div style=paddingbottom:5px。input type=button onClick=(39。zoomin39。)。 value=拉框放大 style=border:1 solid 999999。fontsize:12px。paddingtop:2px。 /div div style=paddingbottom:5px。input type=button onClick=(39。zoomout39。)。 value=拉框縮小 style=border:1 solid 999999。fontsize:12px。paddingtop:2px。 /div div style=paddingbottom:5px。input type=button onClick=()。 value=逐級(jí)放大 style=border:1 solid 999999。fontsize:12px。paddingtop:2px。 /div div style=paddingbottom:5px。input type=button onClick=()。 value=逐級(jí)縮小 style=border:1 solid 999999。fontsize:12px。paddingtop:2px。 /div div style=paddingbottom:5px。input type=button onClick=(39。pan39。)。 value=地圖移動(dòng) style=border:1 solid 999999。fontsize:12px。paddingtop:2px。 /div div style=paddingbottom:5px。input type=button onClick=()。ean()。 value=地圖清除 style=border:1 solid 999999。fontsize:12px。paddingtop:2px。 /div div style=paddingbottom:5px。input type=button onClick=(0,200)。 value=地圖上移 style=border:1 solid 999999。fontsize:12px。paddingtop:2px。 /div div style=paddingbottom:5px。input type=button onClick=(0,200