ASP.NET Google Maps Javascript API V3 实战基础篇一检测用户位置

对于一些基本的东西，google maps JavaScript api v3 文档已经讲解得足够清晰了，所以不在文章做复述。

google maps JavaScript api v3 文档

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Map_Geolocation.aspx.cs"
    Inherits="Samples.Basics.Map_Geolocation" %>

<!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 runat="server">
    <title>检测用户地理位置例子</title>
    <style type="text/css">
        #maps
        {
            height: 500px;
        }
    </style>

<script type="text/javascript" src="http://www.google.com/jsapi?autoload={'modules':[{name:'maps',version:3,other_params:'sensor=false'}]}"></script>

<script type="text/javascript" language="javascript">

var initialLocation; //申明地图中心地址变量
        var siberia = new google.maps.LatLng(60, 105); //西伯利亚地址
        var xianning = new google.maps.LatLng(30, 116); //咸宁地址
        var browserSupportFlag = false; //申明浏览器是否支持检测地理位置标识变量，默认不支持

//地图初始化方法
        function initalize() {

var myOption = { zoom: 6, mapTypeId: google.maps.MapTypeId.ROADMAP }; //设置地图初始化变量值
            var map = new google.maps.Map(document.getElementById("maps"), myOption); //初始化地图
            //先尝试使用W3C标准，如果可以，则将标识变量设置为true，并将检测到地址设置为地图中心地址，并调用handleNoGeoLocation函数
            if (navigator.geolocation) {
                browserSupportFlag = true;
                navigator.geoloaction.getCurrentPosition(function(position) {
                    initialLocation = new google.maps.LatLng(position.coords.latitude, position.coords.longitude);
                    map.setCenter(initialLocation);
                }, function() {
                    handleNoGeoLocation(browserSupportFlag);
                }
                );

}
            //尝试使用Google 的方法 如果可以，则将标识变量设置为true，并将检测到地址设置为地图中心地址，并调用handleNoGeoLocation函数
            else if (google.gears) {

browserSupportFlag = true;
                var geo = google.maps.factory.create('beta.geolocation');
                geo.getCurrentPosition(function(position) {
                    initialLocation = new google.maps.LatLng(position.latitude, position.longitude);
                    map.setCenter(initialLocation);
                }, function() {
                    handleNoGeoLocation(browserSupportFlag);
                });

} else { //当以上方法都不支持时，将标识变量设置为false ，并调用handleNoGeoLocation函数
                browserSupportFlag = false;
                handleNoGeoLocation(browserSupportFlag);
            }

//如果标识为true，则提示浏览器支持地理位置定位，否则提示不支持，并将地图中心地址设置为西伯利亚，最后设置地图中心位置
            function handleNoGeoLocation(flag) {
                if (flag == true) {
                    alert('你的浏览器支持地理位置定位！');

} else {
                    alert("你的浏览器不支持地理定位，把你放在了西伯利亚！");
                    initialLocation = siberia;
                }
                map.setCenter(initialLocation);

}
        }
    </script>

</head>
<body οnlοad=" initalize();">
    <!--在body 的onload事件绑定地图初始化方法 -->
    <form id="form1" runat="server">
    <div id="maps">
    </div>
    </form>
</body>
</html>

转载于:https://www.cnblogs.com/wuqingliang/archive/2010/10/18/2555178.html

ASP.NET Google Maps Javascript API V3 实战基础篇一检测用户位置相关推荐

  1. ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性...

    ASP.NET Google Maps Javascript API V3 实战基础篇一获取和设置事件处理程序中的属性 <%@ Page Language="C#" Auto ...

  2. Google Maps JavaScript API V3的使用(四)

    Google Maps JavaScript API V3 叠加层 叠加层概述 叠加层是地图上与纬度/经度坐标绑定的对象,会随您拖动或缩放地图而移动.叠加层表示的是"添加"到地图中 ...

  3. HTML5中快速运用Google Maps JavaScript API V3

    因论坛方吃图,我已经做了Word文档供下载,请去下载:http://download.csdn.net/detail/david1030/4464369 第一个示例: 几点需要注意: 我们使用了< ...

  4. Google maps javascript api v3 叠加层（Overlays）介绍

    很多人尝试google maps api的开发,通常会涉及到在Google maps上进行标注功能的开发.Helloj2ee学习一项技术通常不在看书,而是多以帮助为主.当我看完之后,我将Overlay ...

  5. Google Maps JavaScript API V3 叠加层

    注意:以下网页中提到的 Google Maps JavaScript API 第 3 版现在是正式的 JavaScript API 版本.该 API 的第 2 版已根据我们的弃用政策正式弃用.欢迎您将 ...

  6. Google Maps JavaScript API V3 根据地址 加载地图

    效果图如下: javascript代码: <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" &qu ...

  7. Google Maps JavaScript API V3 官方网站

    http://code.google.com/intl/zh-CN/apis/maps/ http://code.google.com/intl/zh-CN/apis/maps/documentati ...

  8. Google Maps JavaScript API 使用

    这两天用了Google Maps JavaScript API 中的一个自动填充地址表单的api,api地址是:https://developers.google.com/maps/documenta ...

  9. Google Maps Android API v2官网例子使用说明

    2019独角兽企业重金招聘Python工程师标准>>> 1.安装Google Play services SDK Google Maps SDK已经作为Google Play ser ...

最新文章

  1. 计算机中flow和stream还有torrent有什么区别？（五元组、microflow、traffic flow）
  2. 将枚举类型的数据绑定到控件
  3. 内存结构 堆 栈 全局区 常量区 代码区
  4. C++11 并发指南六( atomic 类型详解二 std::atomic )
  5. 8 月社群专属福利活动开启！进群免费领取开发视频课程!
  6. 全网首发：LINUX给进程内容窗口改名的第二种方法
  7. MySQL入门（详细总结）
  8. java 线程 block_JAVA线程的BLOCK状态实例分析
  9. TortoiseCVS 安装遇到的一些问题
  10. Angular设置代理
  11. GSMA选举新的董事会成员，宣布Orange董事长兼首席执行官Stéphane Richard出任主席
  12. openGL 深度测试与透明度设置
  13. php html转ubb,PHP HTML转UBB函数
  14. Windows 7 通用 CDC 串口驱动程序
  15. Git 工具之储藏与清理-7.3
  16. java jmf播放视频_使用JMF实现java视频播放器
  17. Springboot的快速入门
  18. 途牛原创｜基于EAV模型的运营系统架构实践
  19. Docker迁移备份武林秘籍
  20. gocolly-登录(5)

热门文章

  1. hdu 1285 确定比赛名次
  2. rhel5.5下安装oracle10g报libXp.so.6错误
  3. property.js
  4. Unity3D游戏开发之仿仙剑奇侠传一2D游戏 (一)
  5. 剑指Offer之旋转数组中的最小数字（题8）
  6. java反射 一些理解
  7. phpexcel 导出到xls文件的时候出现乱码解决
  8. MyEclipse汉化后问题
  9. 从主流安全开发框架看软件供应链安全保障的落地
  10. PHP Everywhere 插件中存在严重RCE，影响数千个 WordPress 站点