http://www.dianping.com/shop/586918?KID=6769
这个网站右侧的google地图是怎么实现的?

解决方案 »

  1.   

    googlemap api 
    http://download.csdn.net/source/636523
    用的时候应该还需要一个KEY
      

  2.   

    你可以去网上搜索一下asp.net googlemap
      

  3.   

    http://download.csdn.net/down/836514/DengguidongLove
    下载这个
      

  4.   

    去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文件里看看就晓得了
      

  5.   

    我使用的就是51ditu的api,可以用js把上面的站点水印去掉。呵呵
    感觉mapabc麻烦些
      

  6.   

    如果不用动态操作数据的话,用链接就可以了。最简单的办法是注册一个 Google 的帐号(有 Gmail 帐号就可以),然后进入map.google.com,登录后点我的地图,在地图上标出你的地点,右边有个连结按钮,点击后就会出现嵌入你的网页所需的 HTML 代码。
    如果要动态生成地址信息,那要使用 Google Map Api, Google Map Api 中文文档,从注册 key 到具体的接口都有说明,Javascript 的。