google 地图在应用

谷歌地图功能在项目中实现：

首先需要引入<script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true&amp;key=ABQIAAAAY92WzbL-lY1eE3IPdMNEvRSWy9ILSfG2C6fHg9Q_Zaz2MxGGORSOFohA5OJsZ76dORjdamlymzeWvg"  type="text/javascript"></script>

。

<script type="text/javascript">

                function initialize() {
                    var lat = document.getElementById("lat").value;  //度
                    var lng = document.getElementById("lng").value;  //经度
                    var size = 15; //地图倍数 1--23
                    var message = document.getElementById("name").value;
                    if (GBrowserIsCompatible()) {
                        var map = new GMap2(document.getElementById("map_del"));
                        map.setCenter(new GLatLng(lat, lng), size); //地图坐标信息
                        map.addControl(new GSmallZoomControl()); //缩放按钮控件 
                        map.addControl(new GHierarchicalMapTypeControl()); //嵌套的地图类型控件
                    }
                    var markobj = new GMarker(new GLatLng(lat, lng), { draggable: true }); //添加中图标
                    markobj.openInfoWindowHtml(message); //弹出消息
                    GEvent.addListener(markobj, "mouseover", function () { //添加时间消息
                        markobj.openInfoWindowHtml(message);
                    });
                    map.addOverlay(markobj);
                }
                window.onload = initialize;
        </script>

有时候，会发现当项目在服务器上运行时，发现会要密匙

下面需要从http://code.google.com/intl/zh-CN/apis/maps/signup.html注册google map API，

在我的文本框中可以输入你的ip地址或者你的域名（www.96369.net），

然后对生成的密匙进行修改，下面我是用192.168.1.44生成的，可以注意到中间有一个key/value，sensor=true_or_false，把他修改为sensor=true

  <script src="http://maps.google.com/maps?file=api&amp;v=2&amp;sensor=true_or_false&amp;key=ABQIAAAAY92WzbL-lY1eE3IPdMNEvRSIMweZSjbRtcUk2F5YNqLnri0MahQISU-YWznLEfyyR0a3619ZnoYkuQ" type="text/javascript"></script>
...

延伸一点“

通常情况我们把项目发布到服务器上时候需要修改key的值，那我们只有把key放到webconfig中,

   <script type="text/javascript" src="<%= ReadGoogle %>"></script>

页面后台：

public string ReadGoogle="";

public  void Page_Load(object sender,EventArgs e)

{

ReadGoogle= ConfigurationManager.AppSettings["maps"].ToString();

}

webconfig中配置

 <appSettings>
        <add key ="maps" value="http://maps.google.com/maps/api/js?sensor=true"/>
    </appSettings>