目前(2007.03.07)只支持以下城市:
杭州(hz) 上海(sh) 青岛(qd) 深圳(sz) 西安(xian) 长沙(changsha)
成都(chengdu) 广州(guangzhou) 嘉兴(jiaxing) 佛山(fs) 温州(wz)
上虞(sy) 余姚(yy) 丽水(lishui)
1.保存位置数据到数据库,前台页面代码如下:
以下显示所选城市地图
<div><script language="javascript" src="http://api.edushi.com/api.js?city=上面括号城市拼音"></script></div>
以下x,y,z为三个隐藏文本框,分别赋值为X坐标,Y坐标,Z为尺寸
<
script language
=
"
javascript
"
>
// 鼠标点击
function cmup(aevent) {
try
{
eval(down1);
removePop('Mark010101');
var temp = putPop(GetCurx(aevent),GetCury(aevent),7,38,'<a href="javascript://您的位置"><img border=0 alt="您的位置" src="你自己图标位置"></a>','Mark010101');
document.getElementById('x').value = GetCurx(aevent);
document.getElementById('y').value = GetCury(aevent);
createjs();
}catch(e){}
}
function createjs() {
document.getElementById('z').value = GetZoom();
}
// 初始化事件
var down1;
function setEv() {
try{
down1 = setEvent('onmouseup','cmup');
}
catch(e){
window.setTimeout("setEv()",500);
}
}
setEv();
</ script >
// 鼠标点击
function cmup(aevent) {
try
{
eval(down1);
removePop('Mark010101');
var temp = putPop(GetCurx(aevent),GetCury(aevent),7,38,'<a href="javascript://您的位置"><img border=0 alt="您的位置" src="你自己图标位置"></a>','Mark010101');
document.getElementById('x').value = GetCurx(aevent);
document.getElementById('y').value = GetCury(aevent);
createjs();
}catch(e){}
}
function createjs() {
document.getElementById('z').value = GetZoom();
}
// 初始化事件
var down1;
function setEv() {
try{
down1 = setEvent('onmouseup','cmup');
}
catch(e){
window.setTimeout("setEv()",500);
}
}
setEv();
</ script >
运行后会出现如下图标:
接着选择位置,最后提交页面存放地图数据(x,y,z,city)到数据库
2.根据设置的地理数据,显示出地图位置
这里用iframe嵌套
<iframe frameborder=’0’ scrolling=’no’ style="width:700px;height:515px;"src='ShowMaps.aspx?isMark=1&z="+z+"&v=3&x="+x+"&y="+y+"&w=700&h=515&city="+city+"&sitename="+sitename></iframe>
x,y,z是取开始存进数据库的数据
sitename是显示在位置上面的名称
w是显示出来的宽度,h是高度
ShowMaps.aspx前台代码如下
<script language="javascript" src="http://www.edushi.com/api/api.js?isMark=1&z="+z+"&v=3&x="+x+"&y="+y+"&w="+w+"&h="+h+"&city="+city+"&sitename="+sitename></script>
有兴趣可以试下
效果如:http://biz.myking.cn/CityTopVip3DMap.aspx?i=1169799
代码在粘贴的时候可能会有遗漏,如有问题,请留言!