百度地图api：http://developer.baidu.com/map/jsdemo.htm

api申请ak：http://lbsyun.baidu.com/

一、搜索地址、定位、点击获取经纬度并标注（一般用于会员后台）

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

<head>

    <title></title>

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

</head>

<body>

    <input name="address" type="text" id="address" class="inp" style="width: 192px" value="陕西省">

    <input type="button" value=" 搜索位置 " onclick="codeAddress()" class="ana">

    <input name="jingdu" type="text" id="jingdu" value="108.95309828" />

    <input name="weidu" type="text" id="weidu" value="34.2777999" />

    <br />

    <div style="width:1400px;height:800px;border:1px solid gray" id="allmap"></div>

    <script type="text/javascript">

        // 百度地图API功能

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

        //var map = new BMap.Map("allmap", { mapType: BMAP_SATELLITE_MAP });

        var point = new BMap.Point(109.503789, 35.860026);

        map.centerAndZoom(point, 14);

        map.enableScrollWheelZoom();                  //启用滚轮放大缩小

        //定位

        var geolocation = new BMap.Geolocation();

        geolocation.getCurrentPosition(function (r) {

            if (this.getStatus() == BMAP_STATUS_SUCCESS) {

                var mk = new BMap.Marker(r.point);

                map.addOverlay(mk);

                map.panTo(r.point);

                //mk.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

                mk.enableDragging();

                //alert('您的位置：' + r.point.lng + ',' + r.point.lat);

                document.getElementById("jingdu").value = r.point.lng;

                document.getElementById("weidu").value = r.point.lat;

            }

            else {

                //alert('failed' + this.getStatus());

            }

        }, { enableHighAccuracy: true })

        //add city

        map.addControl(new BMap.CityListControl({

            anchor: BMAP_ANCHOR_TOP_LEFT

        }));

        //add click

        function showInfo(e) {

            //alert(e.point.lng + ", " + e.point.lat);

            document.getElementById("jingdu").value = e.point.lng;

            document.getElementById("weidu").value = e.point.lat;

            var mk = new BMap.Marker(e.point);

            map.addOverlay(mk);

            map.panTo(e.point);

            //mk.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

            deletePoint(); //删除所有标注

        }

        map.addEventListener("click", showInfo);

        function deletePoint()

        {

            var allOverlay = map.getOverlays();

            for (var i = 0; i < allOverlay.length - 1; i++) {

                map.removeOverlay(allOverlay[i]);

            }

        }

        //关于状态码

        //BMAP_STATUS_SUCCESS    检索成功。对应数值“0”。

        //BMAP_STATUS_CITY_LIST    城市列表。对应数值“1”。

        //BMAP_STATUS_UNKNOWN_LOCATION    位置结果未知。对应数值“2”。

        //BMAP_STATUS_UNKNOWN_ROUTE    导航结果未知。对应数值“3”。

        //BMAP_STATUS_INVALID_KEY    非法密钥。对应数值“4”。

        //BMAP_STATUS_INVALID_REQUEST    非法请求。对应数值“5”。

        //BMAP_STATUS_PERMISSION_DENIED    没有权限。对应数值“6”。(自 1.1 新增)

        //BMAP_STATUS_SERVICE_UNAVAILABLE    服务不可用。对应数值“7”。(自 1.1 新增)

        //BMAP_STATUS_TIMEOUT    超时。对应数值“8”。(自 1.1 新增)

        function codeAddress() {

            // 创建地址解析器实例

            var myGeo = new BMap.Geocoder();

            // 将地址解析结果显示在地图上,并调整地图视野

            myGeo.getPoint(document.getElementById("address").value, function (point) {

                if (point) {

                    map.centerAndZoom(point, 14);

                    map.addOverlay(new BMap.Marker(point));

                    document.getElementById("jingdu").value = point.lng;

                    document.getElementById("weidu").value = point.lat;

                } else {

                    alert("您输入的地址在地图中未找到，请重新输入地址!");

                }

            }, "");

        }

</script>

</body>

</html>

二、按经纬度显示地图（前台）

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

<head runat="server">

    <title></title>

    <script type="text/javascript" src="http://api.map.baidu.com/api?v=1.2"></script>

</head>

<body>

    <div style="width:700px;height:500px;border:1px solid gray" id="allmap"></div>

<script type="text/javascript">

    var map = new BMap.Map("allmap");//2d地图

    //var map = new BMap.Map("allmap", { mapType: BMAP_SATELLITE_MAP });//卫星地图

    var point = new BMap.Point(119.305724, 26.092186);

    map.centerAndZoom(point, 18);

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

    var marker = new BMap.Marker(point);

    map.addOverlay(marker);

    marker.setAnimation(BMAP_ANIMATION_BOUNCE); //跳动的动画

</script>

</body>

</html>

百度地图API-搜索地址、定位、点击获取经纬度并标注的更多相关文章

  1. 百度地图api通过地址显示地图，白名单

    百度地图api通过地址显示地图,白名单 http://developer.baidu.com/map/jsdemo.htm#i7_1?qq-pf-to=pcqq.c2c---------------- ...

  2. 【百度地图API】如何判断点击的是地图还是覆盖物？

    原文:[百度地图API]如何判断点击的是地图还是覆盖物? 摘要:很多API爱好者问我,为什么我点击的是marker,而map也会响应该事件呢?怎样才能判断,我点击的是标注,还是地图呢?下面一起来看看. ...

  3. 如何利用【百度地图API】进行定位？非GPS定位

    原文:如何利用[百度地图API]进行定位?非GPS定位 如果你可以上网,如果你有火狐浏览器,那么恭喜你.你能很容易使用以下代码进行定位! ------------------------------- ...

  4. HTML5调用百度地图API进行地理定位实例

    自从HTML5的标准确定以后,越来越多的网站使用HTML5来进行开发.虽然对HTML5支持的浏览器不是很多,但是依然抵挡不了大伙对HTML5开发的热情.今天为大家带来的是使用HTML5调用百度地图AP ...

  5. 百度地图API的IP定位城市和浏览器定位（转）

    百度地图API提供了Geolocation 和 LocalCity两个服务类. 这俩API可以分别供用户在JavaScript中进行定位和城市确认. 1 本质上,Geolocation这个类是使用了支 ...

  6. 百度地图API 根据地址查询经纬度

    html页面.引用上API: <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title> ...

  7. 百度地图API 拖拽或点击地图位置获取坐标

    function setPlace(map,myValue,callback){ function getAddress(){ var pp = local.getResults().getPoi(0 ...

  8. php用百度地图API进行IP定位和GPS定位

    <?php /** * 根据地理坐标获取国家.省份.城市,及周边数据类(利用百度Geocoding API实现) * 百度密钥获取方法:http://lbsyun.baidu.com/apico ...

  9. 百度地图api根据地址获取经纬度

    package com.haiyisoft.cAssistant;import java.io.BufferedReader;import java.io.IOException; import ja ...

随机推荐

  1. iOS 10 的一个重要更新-线程竞态检测工具 Thread Sanitizer

    本文介绍了 Xcode 8 的新出的多线程调试工具 Thread Sanitizer,可以在 app 运行时发现线程竞态. 想想一下,你的 app 已经近乎大功告成:它经过精良的打磨,单元测试全覆盖. ...

  2. 转：Spring Cache抽象详解

    缓存简介 缓存,我的理解是:让数据更接近于使用者:工作机制是:先从缓存中读取数据,如果没有再从慢速设备上读取实际数据(数据也会存入缓存):缓存什么:那些经常读取且不经常修改的数据/那些昂贵(CPU/I ...

  3. Ubuntu下架设FTP服务器(转)

    Ubuntu下架设FTP服务器 Linux下提供了很多的ftp服务器,这里我选用了安全,快速,简单的vsftpd作为FTP服务器.本文是我在自己的Ubuntu 10.10 -32 位系统下搭建的.搭建 ...

  4. 安装 Linuxbrew

    在 OS X 平台上非常流行的包管理器 Homebrew 最近正被移植到 Linux 上而成为 Linuxbrew.虽然各种 Linux 发行都带有自己的包管理工具,诸如 apt-get.yum.pa ...

  5. 【MongoDB】MongoDB的安装教程

    1,MongoDB简介 MongoDB也是一种数据库,只不过它既不是关系型数据库,也不是非关系型数据库(NoSQL),而是一种介于关系型数据库和NoSQL之间的一种数据库.如果说非关系型数据库是轻量级 ...

  6. C#创建文件夹并设置权限

    原文地址:https://www.cnblogs.com/top5/archive/2010/04/12/1710141.html /*  需要添加以下命名空间:  using System.IO;  ...

  7. QQMacMgr for Mac（腾讯电脑管家）安装

    1.软件简介    腾讯电脑管家是 macOS 系统上一款由腾讯公司带来到的安全管理软件.功能有垃圾清理.软件仓库.小火箭加速和防钓鱼等.而在视觉 UI 上,导入星空概念,操作过场动画全部以星空为题材 ...

  8. 简单获取cpu使用率，以及后台运行的问题

    做了一个运维平台,有一个功能定时执行一个脚本,获取cpu使用率和内存使用情况到监控平台. 获取cpu使用率使用的是top中的信息.直接运行没有问题.通过nohup xxx.sh & 之后获取不 ...

  9. Android 6.0+ RecyclerView嵌套在ScrollView中显示不全

    ScrollView嵌套RecyclerView在Android6.0以下能正常显示,但是在6.0以上就会出现RecyclerView显示不全的bug.尝试多种方法之后终于找到解决办法,特在此记录下. ...

  10. markdown中的锚点处理

    markdown markdown是一个相对简单的DSL,定义了简单的标签来描述html文档格式. 比如: #一级标题 来生成html <h1>一级标题<h1> ##二级标题 ...