<%@ 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. ajax 用xml传递数据

    页面代码 <%@ Page Language="C#" AutoEventWireup="true" CodeFile="Index.aspx. ...

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

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

  3. swift和oc区别----属性部分（参考官方swift2.1文档）

    对于实用过OC的人来说实用swift上手时非常容易的,swift包括了oc的大部分功能,但是swift毕竟是一门新的编程语言,它和OC还是 有很多不同的地方,而且提供了不少新功能,所以本人在读swif ...

  4. 全新的手势，侧滑返回、全局右滑返回都OUT啦！

    前言 Android快速开发框架-ZBLibrary 最近将以前的 全局右滑返回 手势功能改成了 底部左右滑动手势. 为什么呢?为了解决滑动返回手势的问题. 目前有3种滑动返回手势 一.侧滑返回 代表 ...

  5. 实现虚拟机上面的linux系统和windows主机的通信

    一:配置静态ip 1:使用startx命名切换到图形化用户界面: 2:在“开始”——“系统设置”——“网络”——eth0 将通过dchp自动获取ip改为静态绑定ip ip地址:填入你要给的ip,需要与 ...

  6. win7 X64可用的单文件IE7 遨游美化版

    这个是在深度社区淘来的,哇,才700多Kb,而且里面还集成了很多的功能,在win7 X64下面正常运行.哈哈 分享给大家: http://pan.baidu.com/share/link?uk=171 ...

  7. PHP持续保有长连接，利用flush持续更新浏览器UI，下载进度条实现

    如何用PHP+JS实现上传进度条,大部分的人可能都实现过,但是下载呢?如何呢?原理也是差不多的,就是分次读写,每次读多少字节,但是这样的不好就是长连接,一般实现下载进度条常用的两种解决方案是:一种是需 ...

  8. postgresql 将同一个字段的值组合和将多个字段的值组合

    多字段值根据连接符拼接 concat_ws(':',aaa,bbb) 单字段值根据连接符拼接 string_agg(ccc,' \r\n ') 如果要将多个字段的值拼接成一个: string_agg( ...

  9. Spring 3.x 实践 第一个例子（Spring 3.x 企业应用开发实战读书笔记第二章）

    前言:工作之后一直在搞android,现在需要更多和后台的人员交涉,技术栈不一样,难免鸡同鸭讲,所以稍稍学习下. 这个例子取自于<Spring 3.x 企业应用开发实战>一书中的第二章,I ...

  10. Javascript中函数调用和this的关系

    例子先行: var myObject={ foo:"bar", func:function(){ var self=this; console.log("outerfun ...