<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="Wx_VehicleLocation.aspx.cs" Inherits="DTMS.WeiXin.wxmgr.govmgr.Wx_VehicleLocation" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head runat="server">

    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />

    <!-- #手机浏览器兼容性设置 -->

    <meta content="application/xhtml+xml;charset=UTF-8" http-equiv="Content-Type">

    <meta content="no-cache,must-revalidate" http-equiv="Cache-Control">

    <meta content="no-cache" http-equiv="pragma">

    <meta content="0" http-equiv="expires">

    <meta content="telephone=no" name="format-detection" />

    <meta content="width=1, initial-scale=1" name="viewport">

    <title>车辆位置</title>

    <link href="../../skin/weui/dist/style/weui.min.css" rel="stylesheet" />

    <script src="../../Scripts/jquery-1.9.1.min.js"></script>

    <style type="text/css">

        #allmap {

            width: 50%;

            height: 50%;

            overflow: hidden;

            margin: 0;

            font-family: "微软雅黑";

        }

    </style>

</head>

<body>

    <div class="weui_search_bar" id="search_bar">

        <form class="weui_search_outer" method="post">

            <div class="weui_search_inner">

                <i class="weui_icon_search"></i>

                <input type="search" class="weui_search_input" id="search_input" placeholder="输入车牌号码中间四位数字" required />

                <a href="javascript:" class="weui_icon_clear" id="search_clear"></a>

            </div>

            <label for="search_input" class="weui_search_text" id="search_text">

                <i class="weui_icon_search"></i>

                <span>车辆检索</span>

            </label>

        </form>

        <a href="javascript:" class="weui_search_cancel" id="search_cancel">取消</a>

    </div>

    <div id="vehicleInfo" class="weui_cells weui_cells_access search_show">

    </div>

    <div id="content" class="content">

        <div style="height: 500px; border: 0px solid gray" id="container"></div>

    </div>

</body>

<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=vnUtQo9ngQW4CXlKwnBp2oGc"></script>

<script type="text/javascript" src="http://developer.baidu.com/map/jsdemo/demo/convertor.js"></script>

<%--百度地图坐标转换js--%>

<script type="text/javascript">

    //根据经纬度获取具体的地名

    function getAddressByLn() {

        var address = "";

        var map = new BMap.Map("container");

        var gpsPoint = new BMap.Point(ln, la);

        alert("" + ln + "la" + la);

        map.centerAndZoom(gpsPoint, 15);

        map.enableScrollWheelZoom();    //启用滚轮放大缩小，默认禁用

        map.enableContinuousZoom();    //启用地图惯性拖拽，默认禁用

        //添加鼠标滚动缩放

        map.enableScrollWheelZoom();

        //添加缩放平移控件

        map.addControl(new BMap.NavigationControl());

        setTimeout(function () {

            BMap.Convertor.translate(gpsPoint, 0, translateCallback);     //真实经纬度转成百度坐标

        }, 1000);

        //坐标转换完之后的回调函数

        translateCallback = function (bdpoint) {

            var gc = new BMap.Geocoder();

            var hh = ("ln" + ln + "la" + la);

            gc.getLocation(bdpoint, function (rs) {

                var addComp = rs.addressComponents;

                address = ("" + addComp.district + addComp.street + addComp.streetNumber);

                $("#vehicleLocation").append("<div css='weui_cell' id='adre'><div class='weui_cell_bd weui_cell_primary'>最新位置:" + address + hh + "附近</div</div>");

                //设置标注的图标

                var myIcon = new BMap.Icon("http://api.map.baidu.com/img/markers.png", new BMap.Size(23, 25), {

                    offset: new BMap.Size(10, 25), // 指定定位位置

                    imageOffset: new BMap.Size(0, 0 - 10 * 25) // 设置图片偏移

                });

                var marker = new BMap.Marker(bdpoint, { icon: myIcon });

                //把标注添加到地图上

                map.addOverlay(marker);

                alert("转化为百度坐标为：" + bdpoint.lng + "," + bdpoint.lat);

            });

        }

    }

</script>

</html>

　　

GPS坐标转百度地图并且加载地图示例.支持微信端访问的更多相关文章

  1. 百度地图-省市县联动加载地图 分类： Demo JavaScript 2015-04-26 13:08 530人阅读 评论(0) 收藏

    在平常项目中,我们会遇到这样的业务场景: 客户希望把自己的门店绘制在百度地图上,通过省.市.区的选择,然后加载不同区域下的店铺位置. 先看看效果图吧: 实现思路: 第一步:整理行政区域表: 要实现通过 ...

  2. PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例

    原文:PHP+百度地图API+JAVASCRIPT实现GPS坐标与百度坐标转换的实例 <!--小幅的坐标转换点位程序--> <!DOCTYPE html> <html&g ...

  3. GPS坐标转换为百度地图坐标

    /** * GPS坐标转换为百度地图坐标 * 需要引入javabase64.jar 和json的一些包 * */ public class Gps2BaiDu { public static void ...

  4. GPS坐标换算为百度坐标

    最近在做一个关于手机定位的小应用,需求是这样的,用户通过手机(Wp8)进行二维码扫描操作并且记录用户的当前位置,在PC上可以查看用户所在地图的位置,做法就是在用户扫描条码时,通过手机GPS获取当前在地 ...

  5. GPS坐标换算为百度坐标(转)

    最近在做一个关于手机定位的小应用,需求是这样的,用户通过手机(Wp8)进行二维码扫描操作并且记录用户的当前位置,在PC上可以查看用户所在地图的位置,做法就是在用户扫描条码时,通过手机GPS获取当前在地 ...

  6. 带你剖析WebGis的世界奥秘----瓦片式加载地图（转）

    带你剖析WebGis的世界奥秘----瓦片式加载地图 转:https://zxhtom.oschina.io/zxh/20160805.html  编程  java  2016/08/05 0留言,  ...

  7. 解决ArcGIS API for Silverlight 加载地图的内外网访问问题

    原文:解决ArcGIS API for Silverlight 加载地图的内外网访问问题 先上一个类,如下: public class BaseClass { public static string ...

  8. MapXtreme在asp.net中的使用之加载地图(转)

    MapXtreme在asp.net中的使用之加载地图(转) Posted on 2010-05-04 19:44 Happy Coding 阅读(669) 评论(0) 编辑 收藏 1.地图保存在本地的 ...

  9. cocos2d-x游戏开发系列教程-坦克大战游戏加载地图的编写

    上节课写了关卡选择场景,那么接下来写关卡内容,先写最基本的地图的加载 我们新建一个场景类,如下所示: class CityScene : public cocos2d::CCLayer { publi ...

随机推荐

  1. 【转】如何在Mac上撰寫C++程式

    原文: http://www.macuknow.com/node/4901 本文使用的开发环境:Xcode 5.其实步骤很简单,只需要简单的几步就ok了. 點選Create a new Xcode p ...

  2. iOS利用代理实现界面跳转

    引入代理类头文件和要跳转到的界面头文件 -(void)aaa { //可以插入动画 LYXViewControllor * view = [LYXViewControllor new]; LYXDel ...

  3. How to setup SLF4J and LOGBack in a web app - fast--转载

    原文:https://wiki.base22.com/display/btg/How+to+setup+SLF4J+and+LOGBack+in+a+web+app+-+fast Logback is ...

  4. javaScript面向对象基础

    最近学习了js的面向对象,为了能让自己更好的理解,这一篇博客就当作是加深自己学习印象的总结(可能会有很多不足,欢迎指正). js通过函数来创建对象,而且js本身也是一种对象,那么什么又是对象呢,对象包 ...

  5. linux内核编程学习——草稿

    第一章 1.1 文件IO c标准函数与系统函数的区别 FILE文件类型是一个结构体类型,包括文件描述符(inode).位置指针(f_pos).缓冲器(buffer)(8192byte). c标准文件函 ...

  6. iOS之Git的使用

    1.登录Git账号,创建一个新的仓库

  7. jQuery+php实现ajax文件即时上传

    很多项目中需要用到即时上传功能,比如,选择本地图片后,立即上传并显示图像.本文结合实例讲解如何使用jQuery和PHP实现Ajax即时上传文件的功能,用户只需选择本地图片确定后即实现上传,并显示上传进 ...

  8. C#实现快速排序法

    现在有数组{ 3, 6, 2, 1, 9, 5, 4, 7 }; 然后用快速排序法把他们排序 1.首先 ,取出3作为比较数据 2.从最右边往左边比较找到第一个比3小的数据,把3在数组中的位置赋值为那个 ...

  9. jquery自动生成二维码

    把下面的jquery代码放到想要在当前页面上面生成二维码: 代码如下: <script type="text/javascript">var _qrContent='' ...

  10. PHP之基本语法

    人生最幸福的事之一就是,邻居家的wifi密码是123456789,于是回家在pad上也照样可以扯淡.任何语言都有自己的语法,这里只简单说些我觉得应该注意的地方. 首先要明白,PHP是运行于服务器端的脚 ...