特效描述:百度地图 API获取地址 拾取坐标。js百度地图API调用输入地址获取位置,点击地图拾取坐标效果演示代码。

代码结构

1. 引入JS

2. HTML代码

地址:

经度:

纬度:

提交

// 在指定容器创建地图实例并设置最大最小缩放级别

var map = new BMap.Map("allmap", {

minZoom: 5,

maxZoom: 19

});

// 初始化地图,设置中心点和显示级别

map.centerAndZoom(new BMap.Point(121.36564, 31.22611), 19);

// 开启鼠标滚轮缩放功能,仅对PC上有效

map.enableScrollWheelZoom(true);

// 将控件(平移缩放控件)添加到地图上

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

// 为地图增加点击事件,为input赋值

map.addEventListener("click", function(e) {

document.getElementById('lat').value = e.point.lat;

document.getElementById('lng').value = e.point.lng;

});

// 创建位置检索、周边检索和范围检索

var local = new BMap.LocalSearch(map, {

renderOptions: {

map: map

}

});

// 发起检索

function theLocation() {

var city = document.getElementById("cityName").value;

if (city != "") {

local.search(city);

}

};

// 弹出经纬度

function submit() {

var lat = document.getElementById('lat');

var lng = document.getElementById('lng');

alert("经度:" + lng.value + "\n" + "纬度:" + lat.value);

};

百度坐标拾取html,百度地图API获取地址拾取坐标代码相关推荐

  1. php批量获得经纬度,批量调用百度地图API获取地址经纬度坐标

    1 申请密匙 点击左侧 "获取密匙" ,经过填写个人信息.邮箱注册等,成功之后在开放平台上点击"创建应用",填写相关信息,在这里特别说明的是,在IP白名单框里, ...

  2. 百度地图API批量地址转坐标(支持Excel上传,附案例)

    最近接到个小任务,需要把Excel 一批地址数据转换成坐标,又不想依赖项目,干脆直接写个HTML算了,内含坐标系转换(百度坐标BD09系转换GPS84坐标系). 目前国内主要有以下三种坐标系: WGS ...

  3. c语言api获取百度地图,H5调用百度地图API获取地理位置

    //获取当前位置 var geolocation = new BMap.Geolocation(); geolocation.getCurrentPosition(function(r){ alert ...

  4. 百度地图利用位置提供服务器,利用百度地图API获取当前位置信息的实例

    利用百度地图API可以做很多事情,个人感觉最核心也是最基础的就是定位功能了.这里分享一个制作的JS可以实现登录网页后定位: var map; var gpsPoint; var baiduPoint; ...

  5. Python3 | 通过百度地图API获取商家详细信息(包括店名,地址,经纬度,电话)

    一.打开百度地图开放平台,选择Web服务API . ​​​​​​官方文档对API接口的调用描述的比较详细,在调用之前先要申请百度地图的账号,然后申请密钥,获取密钥的步骤官方也有说明. 二.通过百度地图 ...

  6. 调用百度地图API获取经纬度(详细步骤)

    前端调用百度地图API获取经纬度(详细操作) 1. 浏览器搜索百度地图开放平台 2. 创建应用 点击控制台 --> 应用管理 --> 我的应用 --> 注册账号(如果没有注册过) - ...

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

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

  8. HTML5页面调用百度地图API,获取当前位置并导航到目的地

    微信也可用, <!DOCTYPE html> <html lang="zh-cmn-Hans"><meta charset="UTF-8&q ...

  9. python获取某地铁站经纬度_python通过百度地图API获取某地址的经纬度详解

    前言 这几天比较空闲,就接触了下百度地图的API(开发者中心链接地址:http://developer.baidu.com),发现调用还是挺方便的,本文将给大家详细的介绍关于python通过百度地图A ...

  10. 几种常用的医院地图API接口地址—百度地图

    几种常用的医院地图API接口地址,医疗网站上经常使用的来院路线地图,调用第三方平台提供的地图接口,下面是医疗模板库为大家收集整理的几种常用的地图API接口. 1.百度地图: 网址:http://api ...

最新文章

  1. Django 路由分发
  2. Android之自定义控件显示点赞用户并通过用户名称进入该用户主页的功能
  3. linux03-用户与组
  4. UA MATH571B 试验设计 Quarter 2-level析因设计
  5. java继承的举例_java继承实例
  6. sessionStorage localStorage cookie
  7. SQL查询多条只取其中最新的一条数据
  8. “大数据”有哪些具体的成功应用?
  9. 多线程下单例模式:懒加载(延迟加载)和即时加载
  10. php 编译 sass,如何在Symfony 3中使用纯PHP编译SASS(scss)
  11. 你应该知道的原型图工具Mockplus(摩客)
  12. linux命令 速记表图片,linux命令速记
  13. webbrowser点击网页内部链接阻止从IE打开
  14. 使用计算机要遵循哪些规则,中国大学MOOC:\\\在计算机网络的定义中,把众多计算机有机连接起来要遵循规定的约定和规则,称之为( )。\\\;...
  15. BUUCTF misc 专题(22)隐藏的钥匙
  16. 【思维导图怎么画】万彩脑图大师教程 | 添加备注
  17. java switch的意思_switch与java
  18. 无刷电机和桨叶的选择
  19. 读书笔记:汇编语言 第三版 王爽 清华出版社 前言 章一 章二 章三 章四 章五
  20. 深入分析eBay卖家打造爆款的痛点:如何选品才有机会打造爆款?

热门文章

  1. python xlwt_Python中xlwt解析
  2. LTE IDLE DRX和CDRX
  3. 2020中科院信工所夏令营面试
  4. WIFI测试APP(华为、华三、锐捷)
  5. FreeCAD源码分析:TechDraw模块
  6. 配置RHEL7的vnc
  7. MindManager 2021授权许可密钥思维导图软件
  8. 一些生物信息学常用的分析法的介绍
  9. b区计算机考研招不满的大学,b区考研招不满的大学 适合调剂的学校有哪些
  10. dp算法求解矩阵连乘的问题