以文本方式查看主题

-  计算机科学论坛  (http://bbs.xml.org.cn/index.asp)
--  『 SVG/GML/VRML/X3D/XAML 』  (http://bbs.xml.org.cn/list.asp?boardid=21)
----  VML实现地图的局部放大、缩小功能  (http://bbs.xml.org.cn/dispbbs.asp?boardid=21&rootid=&id=28080)


--  作者:gengwei80
--  发布时间:3/3/2006 2:48:00 PM

--  VML实现地图的局部放大、缩小功能
<html xmlns:v="urn:schemas-microsoft-com:vml">
<head>
<title>**点击两点:放大|右击:取消放大|双击:适应窗口|Alt+双击:实际尺寸**</title>
</head>
<style>v\:* { behavior: url(#default#VML); }</style>


<!--[if gte IE 5]>
<script language="javascript">

var minRubberBandSide = 40;
var showContextMenu = true;
var posStack = new Array; // saved positions for zooming out
window.onload = init;

function init ()
{
saveOriginalSizes ("group")
zoomObjectsToWindow ("group");
with (document.body) {
onclick = _onclick;
ondblclick = _ondblclick;
onmousedown = _onmousedown;
oncontextmenu = _oncontextmenu;
onbeforeprint = _onbeforeprint;
onafterprint = _onafterprint;
onmousemove = _onmousemove;
onkeydown = _onkeydown;
}

var rubberBand = document.createElement("SPAN");
rubberBand.style.visibility = "hidden";
rubberBand.style.border = "thin dashed orange";
rubberBand.style.position = "absolute";
rubberBand.id = "oRubberBand";
document.body.appendChild (rubberBand);
rubberBandOff ();
}

function _onbeforeprint ()
// Temporarilly restore original sizes for printing
{
var groups = document.body.getElementsByTagName ("group");
var e = new Enumerator (groups);
for (; !e.atEnd (); e.moveNext () ) {
var g = e.item ();
g.setAttribute ("savedPosWidth", g.style.posWidth);
g.setAttribute ("savedPosHeight", g.style.posHeight);
g.style.posWidth = g.originalPosWidth;
g.style.posHeight = g.originalPosHeight;
}
}

function _onafterprint ()
{
var groups = document.body.getElementsByTagName ("group");
var e = new Enumerator (groups);
for (; !e.atEnd (); e.moveNext () ) {
var g = e.item ();
g.style.posWidth = g.savedPosWidth;
g.style.posHeight = g.savedPosHeight;
}
}

function _oncontextmenu ()
{
result = showContextMenu;
showContextMenu = true;
return result;
}

function _onmousedown ()
{
if (window.event.button == 2 &&
window.event.clientX < document.body.clientWidth &&
window.event.clientY < document.body.clientHeight)
{
showContextMenu = false;
if (oRubberBand.on) {
rubberBandOff ();
}
else {
if (posStack.length) restorePosition (posStack);
}
}
}

function _onkeydown ()
{
if (oRubberBand.on) rubberBandOff ();
}

function _onclick ()
{
if (oRubberBand.on) {
var attachedTo = oRubberBand.attachedTo;
savePosition (attachedTo, posStack);
// zoom
rubberBandOff ();
zoomObjectTo (attachedTo, oRubberBand.offsetLeft, oRubberBand.offsetTop, oRubberBand.offsetLeft + oRubberBand.offsetWidth, oRubberBand.offsetTop + oRubberBand.offsetHeight);
oRubberBand.setAttribute ("attachedTo", null);
}
else if (window.event.clientX < document.body.clientWidth && window.event.clientY < document.body.clientHeight) {
var eventOffs = absOffsetsEvent (window.event);
var selectedGroup = getObjectContainingPoint (eventOffs.offsetLeft, eventOffs.offsetTop, "group");
if (selectedGroup) {
oRubberBand.setAttribute ("click1X", eventOffs.offsetLeft);
oRubberBand.setAttribute ("click1Y", eventOffs.offsetTop);
oRubberBand.setAttribute ("attachedTo", selectedGroup);
oRubberBand.style.left = eventOffs.offsetLeft;
oRubberBand.style.top = eventOffs.offsetTop;
oRubberBand.style.width = oRubberBand.style.height = minRubberBandSide;
rubberBandOn ();
}
}
}

function savePosition (target, stack)
{
saved = new Object;
saved.target = target;
saved.pixelWidth = target.style.pixelWidth;
saved.pixelHeight = target.style.pixelHeight;
saved.centerOffsX = document.body.scrollLeft - target.offsetLeft + document.body.clientWidth / 2;
saved.centerOffsY = document.body.scrollTop - target.offsetTop + document.body.clientHeight / 2;
stack[stack.length] = saved;
}

function restorePosition (stack)
{
if (stack.length) {
var restoreTo = posStack[posStack.length - 1];
if (restoreTo.target) {
with (restoreTo) {
target.style.pixelWidth = pixelWidth;
target.style.pixelHeight = pixelHeight;
window.scrollTo (target.offsetLeft + centerOffsX - document.body.clientWidth / 2, target.offsetTop + centerOffsY - document.body.clientHeight / 2);
}
}
stack[length - 1] = 0; stack.length--; // JScript 5.0
}
}

function saveOriginalSizes (tagName)
{
var groups = document.body.getElementsByTagName (tagName);
var e = new Enumerator (groups);
for (; !e.atEnd (); e.moveNext () ) {
var g = e.item ();
if (!g.getAttribute ("originalPosWidth") ) {
g.setAttribute ("originalPosWidth", g.style.posWidth);
g.setAttribute ("originalPosHeight", g.style.posHeight);
}
}
}

function _ondblclick ()
{
rubberBandOff ();
if (window.event.clientX < document.body.clientWidth && window.event.clientY < document.body.clientHeight) {
var eventOffs = absOffsetsEvent (window.event);
var selectedGroup = getObjectContainingPoint (eventOffs.offsetLeft, eventOffs.offsetTop, "group");
if (selectedGroup) {
if (window.event.altKey) {
selectedGroup.style.posWidth = selectedGroup.originalPosWidth;
selectedGroup.style.posHeight = selectedGroup.originalPosHeight;
window.scrollTo (selectedGroup.offsetLeft, selectedGroup.offsetTop);
}
else {
zoomObjectTo (selectedGroup, selectedGroup.offsetLeft, selectedGroup.offsetTop, selectedGroup.offsetLeft + selectedGroup.offsetWidth, selectedGroup.offsetTop + selectedGroup.offsetHeight);
}
for (x in posStack) delete x;
posStack.length = 0;
}
}
}

function zoomObjectsToWindow (tagName)
{
var objects = document.body.getElementsByTagName (tagName);
var e = new Enumerator (objects);
for (; !e.atEnd (); e.moveNext () ) {
var i = e.item ();
i.style.pixelWidth = i.style.pixelWidth; // workaround: ensures offsetWidth is updated
i.style.pixelHeight = i.style.pixelHeight;
zoomObjectTo (i, i.offsetLeft, i.offsetTop, i.offsetLeft + i.offsetWidth, i.offsetTop + i.offsetHeight);
}
}

function rubberBandOn ()
{
document.body.setCapture ();
oRubberBand.on = true;
oRubberBand.style.visibility = "visible";
}

function rubberBandOff ()
{
document.body.releaseCapture ();
oRubberBand.on = false;
oRubberBand.style.visibility = "hidden";
}

function _onmousemove ()
{
if (oRubberBand.on) {
var offs = absOffsetsEvent (window.event);
var x0, y0, x1, y1; // new rubberband rectangle

var delX = offs.offsetLeft - oRubberBand.click1X;
if (delX > 0) {
x0 = oRubberBand.click1X;
x1 = x0 + (delX > minRubberBandSide ? delX : minRubberBandSide);
}
else {
x0 = oRubberBand.click1X + delX;
x1 = x0 + (-delX > minRubberBandSide ? -delX : minRubberBandSide);
}
var delY = offs.offsetTop - oRubberBand.click1Y;
if (delY > 0) {
y0 = oRubberBand.click1Y;
y1 = y0 + (delY > minRubberBandSide ? delY : minRubberBandSide);
}
else {
y0 = oRubberBand.click1Y + delY;
y1 = y0 + (-delY > minRubberBandSide ? -delY : minRubberBandSide);
}
var tOffs = absOffsets (oRubberBand.attachedTo);
x0 = Math.max (x0, tOffs.offsetLeft);
y0 = Math.max (y0, tOffs.offsetTop);
x1 = Math.min (x1, tOffs.offsetLeft + oRubberBand.attachedTo.offsetWidth);
y1 = Math.min (y1, tOffs.offsetTop + oRubberBand.attachedTo.offsetHeight);
oRubberBand.style.left = x0; oRubberBand.style.width = x1 - x0;
oRubberBand.style.top = y0; oRubberBand.style.height = y1 - y0;
}

var cursorStyle = "auto";
var status = "";
if (window.event.clientX < document.body.clientWidth && window.event.clientY < document.body.clientHeight) {
var eventOffs = absOffsetsEvent (window.event);
if (getObjectContainingPoint (eventOffs.offsetLeft, eventOffs.offsetTop, "group") ) {
cursorStyle = "crosshair";
status = "点击两点: 放大 | 右击: 取消放大 | 双击: 适应窗口 | Alt + 双击: 实际尺寸"
}
}
document.body.style.cursor = cursorStyle;
window.status = status;
}


function zoomObjectTo (object, x0, y0, x1, y1)
{
var sgOffs = absOffsets (object);
var relX = ( (x0 + x1) / 2 - sgOffs.offsetLeft) / object.offsetWidth;
var relY = ( (y0 + y1) / 2 - sgOffs.offsetTop) / object.offsetHeight;

var zoomAspectRatio = (x1 - x0) / (y1 - y0);
var clientAspectRatio = document.body.clientWidth / document.body.clientHeight;
var scaleBy = (zoomAspectRatio > clientAspectRatio)
? (document.body.clientWidth / (x1 - x0) ) : (document.body.clientHeight / (y1 - y0) );
scaleObject (object, scaleBy);
var sgOffs = absOffsets (object); // calculate again in case object has moved
window.scrollTo (
sgOffs.offsetLeft + relX * object.offsetWidth - document.body.clientWidth / 2,
sgOffs.offsetTop + relY * object.offsetHeight - document.body.clientHeight / 2
);
}

function absOffsetsEvent (event)
{
var result = new Object;
result.offsetLeft = event.offsetX;
result.offsetTop = event.offsetY;
var offs = absOffsets (window.event.srcElement);
result.offsetLeft += offs.offsetLeft;
result.offsetTop += offs.offsetTop;
return result;
}

function absOffsets (object)
// returns absolute position of `object' on the page
{
var current = object;
var result = new Object;
result.offsetLeft = current.offsetLeft;
result.offsetTop = current.offsetTop;
while (current.offsetParent) {
current = current.offsetParent;
result.offsetLeft += current.offsetLeft;
result.offsetTop += current.offsetTop;
}
return result;
}

function scaleObject (object, scaleBy)
{
if (object.getAttribute ("aspectRatio") == null) {
object.setAttribute ("aspectRatio", object.style.posWidth / object.style.posHeight);
}
object.style.pixelWidth = object.style.pixelWidth * scaleBy; // + "px";
object.style.pixelHeight = object.style.pixelWidth / object.aspectRatio;
}

function getObjectContainingPoint (x, y, tagName)
// returns the first object denoted by `tagName' that contains the point (x, y),
// or null if there is no such object.
{
var result = null;
var objects = document.body.getElementsByTagName (tagName);
var e = new Enumerator (objects);
for (; !e.atEnd (); e.moveNext () ) {
var i = e.item ();
var offs = absOffsets (i);
if (x >= offs.offsetLeft && x < offs.offsetLeft + i.offsetWidth && y >= offs.offsetTop && y < offs.offsetTop + i.offsetHeight) {
result = i;
break;
}
}
return result;
}


</script>
<![endif]-->


<body leftmargin=0 topmargin=0 scroll=auto bgcolor="#9CF7F7">
<base target="_top">
<DIV id="oBody" align="center" style="position:absolute;left:-1;top:-1">
<v:group ID="group1" style="WIDTH:1000px;HEIGHT:680px;" coordsize = "1000,680">

<v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 0,426 8,430 16,428 19,424 22,420 20,416 15,414 16,408 9,400 11,396 24,396 40,384 48,381 56,376 64,379 70,374 66,368 72,368 70,370 80,370 88,368 92,370 96,368 104,368 112,363 116,354 120,362 128,358 130,352 136,352 140,352 140,344 142,336 144,330 148,330 152,336 160,349 168,348 172,340 176,341 180,342 184,340 188,332 190,340 192,336 196,332 200,332 204,332 208,328 212,332 216,336 220,334 224,324 228,328 232,332 236,330 240,328 256,322 260,318 266,305 270,304 276,296 288,296 300,286 304,290 320,276 328,276 348,256 346,250 352,248 360,244 362,240 358,236 364,232 366,218 372,210 370,226 376,222 382,226 384,218 380,220 386,202 384,200 396,188 390,180 388,176 396,172 400,178 410,160 414,160 426,144 424,140 430,130 434,120 440,120 448,112 450,116 464,110 467,107 464,104 460,92 468,88 468,80 464,76 462,69 476,76 480,75 476,64 480,60 479,54 472,56 484,46 484,44 468,40 460,28 448,28 444,28 432,35 428,35 424,28 416,28 418,24 428,24 432,26 428,24 440,19 468,5 472,5 476,4 474,0 0,0 0,426">
<v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow>
</v:polyline>

<v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 430,368 426,360 420,344 416,340 404,320 406,300 416,280 426,260 436,256 446,240 460,232 472,234 476,240 472,260 465,280 462,320 440,340 435,360 430,368">
<v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow>
</v:polyline>

<v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 432,680 424,676 420,668 424,664 432,660 424,648 420,648 416,660 412,660 408,640 396,600 398,592 400,592 410,596 416,560 420,520 428,504 440,500 448,496 480,508 488,504 492,512 488,520 484,536 496,560 494,576 488,592 480,596 470,600 464,608 460,616 456,624 464,640 468,660 472,680 432,680">
<v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow>
</v:polyline>

<v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 710,190 712,182 716,180 714,172 720,174 730,164 734,172 716,180 718,184 710,190">
<v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow>
</v:polyline>

<v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 772,112 772,104 780,102 788,100 782,106 776,112 772,112">
<v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow>
</v:polyline>

<v:polyline strokecolor="#CED384" fillcolor="#CED384" style="POSITION:absolute;z-index:5" points=" 0,504 7,496 16,492 20,488 22,480 22,472 26,464 32,462 37,456 40,448 38,440 32,440 28,435 24,436 24,440 16,438 8,439 0,440 0,504">
<v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow>
</v:polyline>

<v:polyline strokecolor="black" filled ="f" style="POSITION:absolute;z-index:5" points=" 480,560 520,532 560,500 600,464 640,424 680,376 720,324 760,260 800,168" >
<v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow>
</v:polyline>

<v:polyline strokecolor="black" filled ='f' style="POSITION:absolute;z-index:5" points=" 400,440 440,400 480,360 520,320 560,260 600,168" >
<v:shadow on="t" type="single" color="#b3b3b3" offset="2pt,3pt"></v:shadow>
</v:polyline>

<v:oval title="阿帕里" strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:467.4;top:513.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:455.4;top:500.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="阿帕里" style="Text-align:left;cursor:hand;font-size:9pt;color:blue">阿帕里</div>
</v:shape>

<v:oval title="碧瑶 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:421;top:581.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:429;top:579.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="碧瑶 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">碧瑶</div>
</v:shape>

<v:oval title="长汀 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:249.4;top:203.4;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:257.4;top:201.4;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="长汀 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">长汀</div>
</v:shape>

<v:oval title="冲绳 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:709;top:187;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:717;top:185;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="冲绳 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">冲绳</div>
</v:shape>

<v:oval title="福鼎 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:409;top:144.2;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:366;top:140.2;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="福鼎 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">福鼎</div>
</v:shape>

<v:oval title="福州 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:369;top:193;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:326;top:189;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="福州 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">福州</div>
</v:shape>

<v:oval title="光泽 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:290.6;top:136.2;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:298.6;top:135.2;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="光泽 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">光泽</div>
</v:shape>

<v:oval title="广州 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:141;top:313;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:97.9999999999998;top:309;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="广州 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">广州</div>
</v:shape>

<v:oval title="海口 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:10.1999999999999;top:435.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:18.1999999999999;top:433.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="海口 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">海口</div>
</v:shape>

<v:oval title="杭州 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:403.4;top:26.2;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:364.4;top:19.2;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="杭州 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">杭州</div>
</v:shape>

<v:oval title="恒春 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:426.2;top:356.6;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:434.2;top:354.6;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="恒春 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">恒春</div>
</v:shape>

<v:oval title="花莲 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:459.4;top:278.6;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:467.4;top:276.6;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="花莲 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">花莲</div>
</v:shape>

<v:oval title="惠东 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:187.8;top:325.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:144.8;top:321.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="惠东 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">惠东</div>
</v:shape>

<v:oval title="惠来 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:250.2;top:315.4;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:211.2;top:308.4;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="惠来 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">惠来</div>
</v:shape>

<v:oval title="马尼拉" strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:429;top:649;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:437;top:647;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="马尼拉" style="Text-align:left;cursor:hand;font-size:9pt;color:blue">马尼拉</div>
</v:shape>

<v:oval title="茂名 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:30.1999999999999;top:369.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:38.1999999999999;top:367.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="茂名 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">茂名</div>
</v:shape>

<v:oval title="南昌 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:233;top:87;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:241;top:81;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="南昌 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">南昌</div>
</v:shape>

<v:oval title="宁波 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:459.4;top:42.6;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:467.4;top:40.6;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="宁波 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">宁波</div>
</v:shape>

<v:oval title="宁德 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:378.2;top:169.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:335.2;top:165.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="宁德 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">宁德</div>
</v:shape>

<v:oval title="莆田 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:357;top:219.4;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:314;top:215.4;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="莆田 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">莆田</div>
</v:shape>

<v:oval title="浦城 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:339;top:119.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:347;top:117.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="浦城 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">浦城</div>
</v:shape>

<v:oval title="泉州 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:340.2;top:240.6;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:297.2;top:236.6;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="泉州 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">泉州</div>
</v:shape>

<v:oval title="汕头 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:265;top:301.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:273;top:300.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="汕头 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">汕头</div>
</v:shape>

<v:oval title="汕尾 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:214.2;top:323.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:222.2;top:322.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="汕尾 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">汕尾</div>
</v:shape>

<v:oval title="台北 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:458.6;top:233;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:466.6;top:231;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="台北 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">台北</div>
</v:shape>

<v:oval title="台南 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:414.2;top:315.8;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:371.2;top:311.8;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="台南 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">台南</div>
</v:shape>

<v:oval title="台中 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:419;top:277;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:376;top:273;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="台中 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">台中</div>
</v:shape>

<v:oval title="万宁 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:11.8000000000002;top:484.6;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:19.8000000000002;top:482.6;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="万宁 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">万宁</div>
</v:shape>

<v:oval title="温州 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:423;top:115;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:431;top:113;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="温州 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">温州</div>
</v:shape>

<v:oval title="武夷山" strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:317;top:126.6;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:278;top:119.6;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="武夷山" style="Text-align:right;cursor:hand;font-size:9pt;color:blue">武夷山</div>
</v:shape>

<v:oval title="霞浦 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:405;top:161.4;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:413;top:159.4;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="霞浦 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">霞浦</div>
</v:shape>

<v:oval title="厦门 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:337;top:261;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:345;top:260;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="厦门 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">厦门</div>
</v:shape>

<v:oval title="香港 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:163.8;top:344.2;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:171.8;top:342.2;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="香港 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">香港</div>
</v:shape>

<v:oval title="永定 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:265.8;top:248.2;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:222.8;top:244.2;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="永定 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">永定</div>
</v:shape>

<v:oval title="湛江 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:11.8000000000002;top:389.4;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:19.8000000000002;top:387.4;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="湛江 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">湛江</div>
</v:shape>

<v:oval title="漳浦 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:309;top:277;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:317;top:276;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="漳浦 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">漳浦</div>
</v:shape>

<v:oval title="漳州 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:329;top:265;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:290;top:258;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="漳州 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">漳州</div>
</v:shape>

<v:oval title="诏安 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:284.2;top:288.6;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:245.2;top:281.6;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="诏安 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">诏安</div>
</v:shape>

<v:oval title="澳门 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:137;top:349;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:94;top:345;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="澳门 " style="Text-align:right;cursor:hand;font-size:9pt;color:blue">澳门</div>
</v:shape>

<v:oval title="建宁 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:269;top:165;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:277;top:163;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="建宁 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">建宁</div>
</v:shape>

<v:oval title="连江 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:385;top:189;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:393;top:187;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="连江 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">连江</div>
</v:shape>

<v:oval title="福清 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:373;top:209;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:381;top:207;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="福清 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">福清</div>
</v:shape>

<v:oval title="晋江 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:341;top:249;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:349;top:247;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="晋江 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">晋江</div>
</v:shape>

<v:oval title="台东 " strokecolor="#008284" fillcolor="#008284" style="position:absolute;cursor:hand;left:443;top:323;width:6;height:6;z-index:8"></v:oval>
<v:shape strokecolor="none" filled="False" style="position:absolute;left:451;top:321;width:40;height:12;z-index:9" inset="1px,1px,1px,1px">
<div title="台东 " style="Text-align:left;cursor:hand;font-size:9pt;color:blue">台东</div>
</v:shape>


</v:group>

</DIV>

</body>
</html>


--  作者:卷积内核
--  发布时间:3/6/2006 10:48:00 AM

--  
效果不错
W 3 C h i n a ( since 2003 ) 旗 下 站 点
苏ICP备05006046号《全国人大常委会关于维护互联网安全的决定》《计算机信息网络国际联网安全保护管理办法》
93.750ms