速度结贴：网站中的地址——地图怎么实现？如下：

消失的尘芥 2011-01-10 01:11:00

在网站中，实现地图插入如进来，可以点击：

这个是怎么实现的，有做过的朋友嘛？

...全文

199 11 打赏收藏转发到动态举报

写回复

用AI写文章

11 条回复

切换为时间正序

请发表友善的回复…

发表回复

消失的尘芥 2011-01-10

打赏
举报

百度的不行，刚刚试过半天，定位也不准，试试谷歌的e

ycproc 2011-01-10

打赏
举报

链接密钥你去 google map 注册一个帐号就有了

我说我行就是行 2011-01-10

打赏
举报

1.需要先申请一个百度地图API的Key（密钥）。非常简单，只需要输入需要使用百度地图的网址即可。

申请地址为:http://openapi.baidu.com/map/signup.html

如果遗忘了申请的Key，可以重新在以上网址重新申请一次，Key不会变。

2.本地新建HTML页面，在<head></head>之间加载百度API

<script type=”text/javascript” src=”http://api.map.baidu.com/api?key=3690f5facff0a96fc7ff291c20f532e0&v=1.0&services=true” ></script> 3.创建一个显示对象（DIV）

<div style=”width:600px;height:450px;border:1px solid gray; float:left” id=”MblogMap”></div> 4.创建地图实例，在在<head></head>之间

<script type=”text/javascript”> function MblogDotccMap(){ var map = new BMap.Map(“MblogMap”); // 创建地图实例 var point = new BMap.Point(113.331213, 23.143274); // 创建点坐标 map.centerAndZoom(point, 15); // 初始化地图，设置中心点坐标和地图级别 } </script> 我这里使用一个初始化函数MblogDotccMap()来调用，比百度地图官方指南中将以上代码放在HTML代码末端的好，我这样处理会更加灵活和方便，这是我参考了Google地图API的方式。

5.在<body>中加入函数调用，使得页面加载完之后即可调用地图接口

<body onload=”MblogDotccMap();”> 6.保存，并打开即可测试。在本地测试是无需验证API Key的。本地测试通过后，即可上传到你的网站之中去，记得是申请Key的域名所在网站，并以此域名来访问。

最后附上一个比较有趣的应用，可以使用关键词来查询地名，并且可以查询出所在地址的经纬度。不过由于时间有限，目前只能通过拖拉你需要查询经纬地址到地图中心。

ycproc 2011-01-10

打赏
举报

google MPI





头部 ：



<script src="http://maps.google.com/maps?file=api&v=2&sensor=true&key=ABQIAAAApxCyIrX9o7Z-8F6Bbg0mlRQl1uonKM5kMOaPzZDRPdF7tR-fyRT0tGn0QAe4Ww2aCPnjOtWumkX7IA" 



<script type="text/javascript">



        function wb() { 



                      if (GBrowserIsCompatible()) { 



                        var map = new GMap2(document.getElementById("webmap"));  //地图信息



                        map.setCenter(new GLatLng(39.894427, 116.494153), 15);  //设置显示地图中间位置，15代表地图缩放级别



                          map.addControl(new GMapTypeControl());              //添加地图类型切换控件（如卫星图到二维地图的切换控件）



                        map.addControl(new GLargeMapControl());//缩小放大控件







                        map.addControl(new GOverviewMapControl());          //添加鹰眼控件







                        map.enableGoogleBar();                              //显示google搜索框



                        



                             var icon = new GIcon();  //设置ICO定位



                            icon.image = "http://labs.google.com/ridefinder/images/mm_20_red.png";



                            icon.shadow = "http://labs.google.com/ridefinder/images/mm_20_shadow.png";



                            icon.iconSize = new GSize(12, 20);



                            icon.shadowSize = new GSize(22, 20);



                            icon.iconAnchor = new GPoint(6, 20);



                            icon.infoWindowAnchor = new GPoint(5, 1);







                               var point =  new GLatLng(39.894427, 116.494153);



                              map.addOverlay(createMarker(point, "神州九鼎(北京)商贸有限公司"));



                              











                      } 



    } 



     //显示信息函数



    function createMarker(point, number) {



              var marker = new GMarker(point);



              GEvent.addListener(marker, "click", function() {



                marker.openInfoWindowHtml("<b>" + number + "</b>");



              });



            return marker;



      }



</script>





body：

 <div id="webmap" style="width: 600px; height: 400px"> </div>

我说我行就是行 2011-01-10

打赏
举报

我做过的！

吴青峰 2011-01-10

打赏
举报

图吧api或者google maps api，直接现成的，网上多的是......

火星大能猫 2011-01-10

打赏
举报

http://openapi.baidu.com/map/
建议百度的
非常简单.

zhxhdean 2011-01-10

打赏
举报

直接找地图的api

wuyq11 2011-01-10

打赏
举报

google maps api
http://topic.csdn.net/u/20100407/11/0d0cba72-72ac-48d5-8938-6ef340372f68.html

子夜__ 2011-01-10

打赏
举报

1.上网下载GoogleMaps.Subgurim.NET(bll文件来的)

2.在.net，vs2005里引用下载的文件，再添加工具选项,

3.在左边拉动一个GMap到页面里，代码就写成以下这样

using Subgurim.Controles;

protected void Page_Load(object sender, EventArgs e)
{
GMap1.addControl(new GControl(GControl.preBuilt.GOverviewMapControl));

GMap1.addControl(new GControl(GControl.preBuilt.LargeMapControl));

GMarker marker = new GMarker(new GLatLng(坐标1,坐标2));
GInfoWindow window = new GInfoWindow(marker, "<center><b>广州市海珠区广州大道南1629号荟能五金机电城2栋16--18档, <br/>广州市, 广东省, 510000‎ <br/>- 020-34237951</b></center>", true);
GMap1.addInfoWindow(window);
}

4.在Gmap控件的代码（前台）如下<cc1:GMap ID="GMap1" runat="server" Key="api" /> 里面的api是要在google里注册得到的，免费申请，地址是http://code.google.com/intl/zh-CN/apis/maps/signup.html 同时还要有gmail的邮箱号，不然注册不了！

5.注册好了的页面就可以在第一行里看到api的一大串代码，复制到我们的key="api"里就行了

6.要显示自己所要看到的地点就要取该地方的坐标点，打开google地图找到你的地点，然后就在地址栏里写上以下这句：javascript:void(prompt('',gApplication.getMap().getCenter()));同时你就可以复制坐标点，具体的图示在以下这个网站：http://www.williamlong.info/archives/941.html

原文地址

消失的尘芥 2011-01-10