如何在网站上加入google地图（.net版和js版）

最新推荐文章于 2022-02-28 23:59:08 发布

ze_lin_huang

最新推荐文章于 2022-02-28 23:59:08 发布

阅读量649

点赞数

分类专栏： Asp.net、C# JavaScript

Asp.net、C# 同时被 2 个专栏收录

46 篇文章 0 订阅

订阅专栏

JavaScript

40 篇文章 0 订阅

订阅专栏

.net版谷歌地图

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

下载地址http://zh-cn.googlemaps.subgurim.net/ejemplos/ejemplo_999999_LabeledMarker.aspx

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

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

GMap1.addControl(new GControl(GControl.preBuilt.GOverviewMapControl));
GMap1.addControl(new GControl(GControl.preBuilt.LargeMapControl));
GMap1.Width = 1000;
GMap1.Height = 600;
GLatLng latlng = new GLatLng(23.179726, 113.257584);
GMarker marker = new GMarker(latlng);
GMap1.setCenter(latlng, 18, GMapType.GTypes.Normal);
GInfoWindow window = new GInfoWindow(marker, "<center><b>粤旅商务大厦<br/>广东省广州市白云区岗贝路<br/>邮政编码: 510410</b></center>", true);
GMap1.addInfoWindow(window);

4.在Gmap控件的代码（前台）如下<cc1:GMap ID="GMap1" runat="server"/>

现在不需要在谷歌那里申请key就可以使用谷歌地图了

5.要显示自己所要看到的地点就要取该地方的坐标点：

1. 第一种方法：首先打开Google地图，在上面寻找一个地址，然后上下左右移动地图，让这个地址正好处于地图的正中心位置，当您想寻找坐标位置已经处于地图的中心位置的时候，拷贝并粘贴以下代码到你的浏览器地址栏，然后回车。 javascript:void(prompt('',gApplication.getMap().getCenter())); 这时，你将得到一个弹出式的坐标，这个坐标就是你需要找的经度和纬度。

2.第二种方法：打开google地图，对需要获取经纬度的点用鼠标右键，弹出一个菜单，点“这儿是什么？” 然后就可以从地图搜索栏找到经纬度了！

http://blog.csdn.net/jimlong/article/details/7165177

Js版谷歌地图

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Google 地图 JavaScript API 示例: 简单的地图</title>  
    <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false&language=zh-CN"></script>  
    <script type="text/javascript">  

     function initialize() {
       var mylatlng = new google.maps.LatLng(23.179726, 113.257584);
         var mapOptions = {        
             zoom: 18,                //缩放级别    
             center: mylatlng,   
             mapTypeId: google.maps.MapTypeId.ROADMAP,   //ROADMAP-默认视图 SATELLITE-显示Google地球卫星图像 HYBRID-混合显示普通视图和卫星视图 TERRAIN-地形图 
             scaleControl: true,    //比例尺  
             mapTypeControl: true,      
             mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU}  
         };  
       var  map = new google.maps.Map(document.getElementById("map_canvas"),mapOptions);
       var mark = new google.maps.Marker({
         position : mylatlng,
         map : map
       });
       var message = new google.maps.InfoWindow({
         content : "<center><b>粤旅商务大厦<br/>广东省广州市白云区岗贝路<br/>邮政编码: 510410</b></center>",
		 position : mylatlng,
         size : new google.maps.Size(100,100)
       });
	   message.open(map);
       google.maps.event.addListener(mark,'click',function(){
         message.open(map,mark);
       });  
     }    
       
    </script>  
   
 </head>  
 <body οnlοad="initialize()">  
     <div id="map_canvas" style="width: 500px; height: 500px"></div>
 </body>  
 </html>

参考例子：

http://zhidao.baidu.com/question/155687291.html

http://www.020web.org.cn/guangzhou-wangzhanjianshe-232.html

http://wenku.baidu.com/view/b37b0ed2b14e852458fb57aa.html

ze_lin_huang

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
如何在网站上加入google地图（.net版和js版）

.net版谷歌地图1.上网下载GoogleMaps.Subgurim.NET(bll文件来的)下载地址http://zh-cn.googlemaps.subgurim.net/ejemplos/ejemplo_999999_LabeledMarker.aspx2.在.net，vs2005里引用下载的文件，再添加工具选项,3.在左边拉动一个GMap到页面里，代码就写成
复制链接

扫一扫