去www.51ditu.com 或者www.mapabc.com 上看他们给的例子就是一个javascript的接口,他们网站上给出事例,你按照他们给出的方法引入js文件,再调用js函数就实现了,很简单的,一看就明白。 如果看不明白建议去javascript版块询问推荐www.51ditu.com,接口要简单些,这个站被google收购了,免费用户的有些限制。收费用户每年带宽稳定些,并且可以定制标注、搜索、公交、导航等功能。不过简单应用就没什么必要去购买了。<!--引入JavaScript文件--> <script language="javascript" src="http://api.51ditu.com/js/maps.js"></script> <!--创建一个DIV--> <div id="maps" style="position:relative; width:300px; height:400px; border:black solid 1px;"><div align="center" style="margin:12px;"><a href="http://api.51ditu.com/docs/mapsapi/help.html" target="_blank" style="color:#D01E14;font-weight:bolder;font-size:12px;">看不到地图请点这里</a></div></div> <!--创建地图,并且给地图加个简易缩放控件--> <script language="javascript"> var maps = new LTMaps( "maps" ); maps.cityNameAndZoom( "beijing" , 2 ); var c = new LTSmallMapControl(); maps.addControl(c); var point = new LTPoint( 11640969 , 3989945 );//北京 var er = new LTMarker( point ); maps.addOverLay( er ); var text = new LTMapText( er ); text.setLabel( "我的位置" ); maps.addOverLay( text ); </script>你把这段js和html代码复制进一个HTML文件里看看就晓得了
我使用的就是51ditu的api,可以用js把上面的站点水印去掉。呵呵 感觉mapabc麻烦些
如果不用动态操作数据的话,用链接就可以了。最简单的办法是注册一个 Google 的帐号(有 Gmail 帐号就可以),然后进入map.google.com,登录后点我的地图,在地图上标出你的地点,右边有个连结按钮,点击后就会出现嵌入你的网页所需的 HTML 代码。 如果要动态生成地址信息,那要使用 Google Map Api, Google Map Api 中文文档,从注册 key 到具体的接口都有说明,Javascript 的。
http://download.csdn.net/source/636523
用的时候应该还需要一个KEY
下载这个
或者www.mapabc.com
上看他们给的例子就是一个javascript的接口,他们网站上给出事例,你按照他们给出的方法引入js文件,再调用js函数就实现了,很简单的,一看就明白。
如果看不明白建议去javascript版块询问推荐www.51ditu.com,接口要简单些,这个站被google收购了,免费用户的有些限制。收费用户每年带宽稳定些,并且可以定制标注、搜索、公交、导航等功能。不过简单应用就没什么必要去购买了。<!--引入JavaScript文件-->
<script language="javascript" src="http://api.51ditu.com/js/maps.js"></script>
<!--创建一个DIV-->
<div id="maps" style="position:relative; width:300px; height:400px; border:black solid 1px;"><div align="center" style="margin:12px;"><a href="http://api.51ditu.com/docs/mapsapi/help.html" target="_blank" style="color:#D01E14;font-weight:bolder;font-size:12px;">看不到地图请点这里</a></div></div>
<!--创建地图,并且给地图加个简易缩放控件-->
<script language="javascript">
var maps = new LTMaps( "maps" );
maps.cityNameAndZoom( "beijing" , 2 );
var c = new LTSmallMapControl();
maps.addControl(c);
var point = new LTPoint( 11640969 , 3989945 );//北京
var er = new LTMarker( point );
maps.addOverLay( er );
var text = new LTMapText( er );
text.setLabel( "我的位置" );
maps.addOverLay( text );
</script>你把这段js和html代码复制进一个HTML文件里看看就晓得了
感觉mapabc麻烦些
如果要动态生成地址信息,那要使用 Google Map Api, Google Map Api 中文文档,从注册 key 到具体的接口都有说明,Javascript 的。