百度地图地址查询API使用

<style>    #baidumap    {        width: 100%;        height: 300px;        margin-top: 10px;    }    #map_result    {        width: 100%;    }</style><div id="baidumap">
</div>
<div id="map_result">
</div>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=AK"></script>
<script type="text/javascript">
    var map = new BMap.Map("baidumap");
    map.centerAndZoom(new BMap.Point(121.451637, 28.671701), 16);
    map.enableScrollWheelZoom();   //启用滚轮放大缩小,默认禁用
    map.enableContinuousZoom();    //启用地图惯性拖拽,默认禁用
    getAddress();
    function getAddress() {
        var address = $("input[name=Address]").val()
        var myGeo = new BMap.Geocoder();
        // 将地址解析结果显示在地图上,并调整地图视野
        myGeo.getPoint(address, function (point) {
            if (point) {
                map.centerAndZoom(point, 16);
                var marker = new BMap.Marker(point);
                map.addOverlay(marker);
                var label = new BMap.Label("定位点,如确定该位置,请点击", { offset: new BMap.Size(20, -10) })
                marker.setLabel(label);
                var local = new BMap.LocalSearch(map, {
                    renderOptions: { map: map, panel: "map_result" }
                });
                local.search(address)
            } else {
                alert("您选择地址没有解析到结果!");
            }
        }, "台州市椒江开元大酒店牡丹厅");

    }
    function changeLAT(e) {
        alert(e.point.lng + ", " + e.point.lat);
        $("input[name=Longitude]").val(e.point.lng);
        $("input[name=Latitude]").val(e.point.lat);
    }
    map.addEventListener("click", changeLAT);
</script>
时间: 2024-08-25 07:18:13

百度地图地址查询API使用的相关文章

【完全开源】百度地图Web service API C#.NET版,带地图显示控件、导航控件、POI查找控件

目录 概述 功能 如何使用 参考帮助 概述 源代码主要包含三个项目,BMap.NET.BMap.NET.WindowsForm以及BMap.NET.WinformDemo. BMap.NET 对百度地图Web Service API 的一些封装,每个接口返回的都是JObject类型(参见Json.NET): BMap.NET.WindowsForm(开始少写了一个s ,后来一直没改) 提供一系列可以在Winform中使用的控件,包括地图显示控件.导航控件.POI查找控件等等: BMap.NET.

百度地图经纬度查询-ABCDEFGHIJKMHNOPQRSTUVWXYZ

百度地图经纬度查询-ABCDEFGHIJKMHNOPQRSTUVWXYZ: 搜索:<input type="text" size="20" name="keyword" id="keyword" /> <input type="submit" value="提交" onclick="MblogDotccMap(document.getElementById('

iOS 百度地图报私有api的解决方案

1.Build Settings-->搜索other linker Flags-->将other linker Flags设置为-objc 2.用2.1.1的版本的百度地图 3.换高德地图 iOS 百度地图报私有api的解决方案

JS 通过选择百度地图地址获取经纬度自动填充到文本框中的方法

首先要注册百度地图API. 1.登录百度地图开放平台http://lbsyun.baidu.com 注册账号,完善信息,点击网站右上角的"API控制台",点击,创建应用. 应用类型选择:"浏览器端",应用服务全选,Referer白名单:* 点击提交.会生成一个访问应用(AK). AK码记下来,后面页面中要用它来引出百度地图. 2.创建html网页.部分代码如下: <!DOCTYPE html> <html> <head> <

Node.js调用百度地图Web服务API的Geocoding接口进行点位反地理信息编码

(从我的新浪博客上搬来的,做了一些修改.) 最近迷上了node.js以及JavaScript.现在接到一个活,要解析一个出租车点位数据的地理信息.于是就想到使用Node.js调用百度地图API进行解析. 使用的库主要就是有fs.request. // 请求包 var fs = require('fs');var request = require('request'); // 设置百度API的参数var baiduApiKey = "cQV9U4QhamoOjg6rjdOTAQSiUMxxxxx

几个免费IP地址查询API接口

1.IP地址查询接口:http://apis.juhe.cn/ip/ip2addr 要先去https://www.juhe.cn/docs/api/id/1申请APPKEY 2.新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 新浪这个应该说是最不错的.并且返回的数据类型为可以自定义格式(默认为纯文本格式,根据format的参数定义,还可以返回JS.Json格式). 3.新浪多地域测试方法: http

制作百度地图离线JavaScript API加载本地瓦片地图

1.首先获取百度 JavaScript API 首先用浏览器打开 http://api.map.baidu.com/api?v=1.3 如下图所示 其中 http://api.map.baidu.com/getscript?v=1.3&key=&services=&t=20121108061854 这个链接就是我们要找的API文件, 同样在浏览器中打开它,并另存为诸如“apiv1.3.min.js” 还有百度地图必须的一些控件,光标,logo之类的图片也下载下来 2.修改“apiv

分享几个免费IP地址查询API接口

1.IP地址查询接口:http://apis.juhe.cn/ip/ip2addr 要先去https://www.juhe.cn/docs/api/id/1申请APPKEY 2.新浪的IP地址查询接口:http://int.dpool.sina.com.cn/iplookup/iplookup.php?format=js 新浪这个应该说是最不错的.并且返回的数据类型为可以自定义格式(默认为纯文本格式,根据format的参数定义,还可以返回JS.Json格式). 3.新浪多地域测试方法: http

百度地图动态显示查询结构

<script type="text/javascript"> // 百度地图API功能 function G(id) { return document.getElementById(id); } var map = new BMap.Map("l-map"); map.centerAndZoom("北京",12); // 初始化地图,设置城市和地图级别. var ac = new BMap.Autocomplete( //建立一个