zoukankan      html  css  js  c++  java
  • 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>
  • 相关阅读:
    git忽略.idea文件
    python pip获取所有已安装的第三包
    bootstrap最简单的导航条
    sencha architect开发sencha touch应用注意事项
    反编译sencha toucha打包的apk文件,修改应用名称支持中文以及去除应用标题栏
    TortoiseSVN文件夹及文件图标不显示解决方法
    sql server 约束 查找
    SQLSERVER金额转换成英文大写的函数
    JS把数字金额转换成中文大写数字的函数
    C#中将数字金额转成英文大写金额的函数
  • 原文地址:https://www.cnblogs.com/hfliyi/p/2180142.html
Copyright © 2011-2022 走看看