| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 3338 人关注过本帖
标题:求类似“baidu地图功能”的地图放大代码
只看楼主 加入收藏
madpbpl
Rank: 4
等 级:贵宾
威 望:11
帖 子:2876
专家分:244
注 册:2007-4-5
收藏
得分:0 

给你举个简单的例子
[CODE]<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
<title>JavaScript Maps API</title>
<script language="javascript" src=" http://api.51ditu.com/js/maps.js "></script>
<script language="javascript" src="http://api.51ditu.com/js/ezmarker.js"></script>

</head>
<body>
<div id="myMap" style="position:relative; width:400px; height:300px;"></div>
<script language="javascript">
var marked=false;
//在标注被标点或者自动初始化的时候设置提示文字
function onMarker()
{
document.getElementById("markerTips").innerHTML="已经标注位置,点击按钮修改";
marked=true;
}
var ezmarker=new LTEZMarker("ezmarker");
LTEvent.addListener(ezmarker,"mark",onMarker);
</script>
<script language="javascript">
var ltInfoWindow;
var maps = new LTMaps( "myMap" );
maps.cityNameAndZoom( "beijing" , 5 );
var marker1 = new LTMarker( new LTPoint( 11636224 , 3991040 ) );
maps.addOverLay( marker1 );
LTMarker.setInfoWinWidth( 400 );
LTMarker.setInfoWinHeight( 300 );

LTInfoWindow.setTitle("××××有限公司");
LTEvent.addListener( marker1 , "click" , function(){ marker1.openInfoWinHtml( "北宅新村(新盘)<br><hr color='red'>&nbsp;<img src='' width=150 height=180 border=0><br>地址:怀柔区桥梓镇北宅村<br> 价格:起价2750元/平米 均价2900元/平米 最高价3100元/平米<p align=right><a href='upload.asp' target=_blank>详细信息</a>&nbsp;&nbsp; <a href='delete.asp' target=_blank>户型图</a>&nbsp;&nbsp;<a href='delete.asp' target=_blank>业主论坛</a>&nbsp;&nbsp;<a href='delete.asp' target=_blank>周边</a></p> " ) } );
</script>
</body>
</html>[/CODE]

上面的红色是调用的51ditu的api接口,下面的红色数字表示地图的坐标。
51ditu提供了很多api,这里只是用了一个最简单的例子,其他api没有调用
你可以去搜索一下,有很多这方面的例子的。
不过个人感觉51ditu没有google earth好,调用地图有进速度太慢。
5楼我给的网址是别人自己开发的api,把51ditu和google earth结合起来了,这个做的比较强,你可以做个参考。

2007-11-03 00:48
xmuer
Rank: 1
等 级:新手上路
帖 子:236
专家分:0
注 册:2007-5-10
收藏
得分:0 

嗯 我明白各位的意思。
可是我现在碰到一个比较麻烦的问题,我现在要做的是我们学校校园地图查询系统,所以不论是baidu、google、51ditu都没有详细的api可以调用,我所有的只有一张高清晰的5M的校园地图,迷茫啊~
这个是毕设,老师盯的紧啊。。。

[此贴子已经被作者于2007-11-4 23:09:34编辑过]

2007-11-04 23:08
madpbpl
Rank: 4
等 级:贵宾
威 望:11
帖 子:2876
专家分:244
注 册:2007-4-5
收藏
得分:0 

个人看法,把校园地图做成热区,要上面标点,做各个标记点的详细介绍,这个来说也不算很难,好好做一下吧,挺有意思的一个项目,其实用GOOGLE EARTH 也可以做的,只要找到你校园的坐标就可以了。你先尝试着去做一下,没有你想像中那么难的。加油!

2007-11-05 01:56
快速回复:求类似“baidu地图功能”的地图放大代码
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.016679 second(s), 7 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved