<%@ 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. [016]转--C++拷贝构造函数详解

    一. 什么是拷贝构造函数 首先对于普通类型的对象来说,它们之间的复制是很简单的,例如: int a = 100; int b = a; 而类对象与普通对象不同,类对象内部结构一般较为复杂,存在各种成员 ...

  2. javaScript面向对象基础

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

  3. iOS语言国际化

    参考网站:http://blog.sina.com.cn/s/blog_7b9d64af0101jncz.html   语言国际化:根据系统不同的语言自动切换 Xcode6.2   一.在不同语言下工 ...

  4. 主流存储引擎详解：Innodb，Tokudb、Memory、MYISAM、Federated

    主流存储引擎: Innodb:推荐使用,主力引擎,使用99%以上的场景 Tokudb:高速写入使用,日用量大量写入eg:500G可压缩为50G.适用于访问日志的写入,相对MYISAM有事务性,相对于I ...

  5. MAC上安装Homebrew、Nginx、PHP、MySQL

    准备工作 新版的 Mac OS 内置了Apache 和 PHP,可以通过以下命令查看Apache和PHP的版本号: # httpd -v # php -v 安装Homebrew Mac下的Homebr ...

  6. 关于增强for循环

    1 增强for循环增强for循环是for的一种新用法!用来循环遍历数组和集合. 1.1 增强for的语法for(元素类型 e : 数组或集合对象) {}例如:int[] arr = {1,2,3};f ...

  7. 【C语言】03-printf和scanf函数

    一.printf函数 这是在stdio.h中声明的一个函数,因此使用前必须加入#include <stdio.h>,使用它可以向标准输出设备(比如屏幕)输出数据 1.用法 1> pr ...

  8. files_dir

    一.opendir() —— 打开目录 opendir( 打开的当前目录 );   二.closedir() —— 关闭目录   三.readdir() —— 返回目录中的各个元素,返回上一个并且指向 ...

  9. SQL 树结构统计数据

    create table #Tmp( ID int IDENTITY (1,1) not null, name varchar(50), sl int); DECLARE @ID VARCHAR(36 ...

  10. SQL SERVER 与ACCESS、EXCEL的数据导入导出转换

    * 说明:复制表(只复制结构,源表名:a 新表名:b)      select * into b from a where 1<>1 * 说明:拷贝表(拷贝数据,源表名:a 目标表名:b) ...