调用百度地图 API 移动地图时 maker 始终在地图中间 并根据maker 经纬度 返回地址...
1.项目要求如题目
2.废话不说－－－－－代码如下：
<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><meta name="viewport" content="initial-scale=1.0, user-scalable=no" /><style type="text/css">body, html,#allmap {width: 100%;height: 500px;overflow: hidden;margin:0;font-family:"微软雅黑";}</style><script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=DD279b2a90afdf0ae7a3796787a0742e"></script><title>浏览器定位</title>
</head>
<body><div id="allmap"></div><div style="width:auto;height:55px;'"> <input type="text" id="locate" style="background-color:pink;" placeholder="地址"/ ><input type="button" value="确定" style="background-color:blue;"／></div>
</body>
</html>
<script type="text/javascript">// 百度地图API功能var map = new BMap.Map("allmap");var point = new BMap.Point(116.331398,39.897445);map.centerAndZoom(point,12);// 将标注添加到地图中var geolocation = new BMap.Geolocation();geolocation.getCurrentPosition(function(r){var mk = new BMap.Marker(r.point);if(this.getStatus() == BMAP_STATUS_SUCCESS){map.addOverlay(mk);map.panTo(r.point);map.addEventListener('ondragging', function(){mk.setPosition(map.getCenter());});// 地图停止移动后获取mk经纬度map.addEventListener('moveend',function(){var pos = mk.getPosition();console.log(pos); // 创建地址解析对象var geoc = new BMap.Geocoder(); geoc.getLocation(pos, function(rs){var addComp = rs.addressComponents;alert(addComp.province + ", " + addComp.city + ", " + addComp.district + ", " + addComp.street + ", " + addComp.streetNumber);}); })//console.log(pos);alert('您的位置：'+r.point.lng+','+r.point.lat);}else {alert('failed'+this.getStatus());} },{enableHighAccuracy: true})//关于状态码//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 新增)</script>3. 如果觉得本文有用，欢迎大赏－－－
转载于:https://www.cnblogs.com/vali/p/6523302.html
调用百度地图 API 移动地图时 maker 始终在地图中间 并根据maker 经纬度 返回地址...相关推荐
- vue调用百度地图API实现点击相应位置切换地图定位
vue调用百度地图API实现点击相应位置切换地图定位 1.需求分析 在页面显示地图,初始状态显示上海市,地图上有特定地点的标注. 左侧为建筑(地点)列表,点击某个地点右侧地图定位到其地理位置并显示具体 ...
- 基于百度地图API在AI Studio上的卫星地图块图像处理与分类
基于百度地图API在AI Stduio上的瓦片地图块图像处理与分类 项目介绍 本项目基于百度地图API获取了不同的瓦片地图并进行合并等处理,可用于遥感和抽象地图的地图块的图像分类.分割.检测等数据的制 ...
- 【百度地图API】如何制作一张魔兽地图！！——CS地图也可以，哈哈哈
[百度地图API]如何制作一张魔兽地图!!--CS地图也可以,哈哈哈 原文:[百度地图API]如何制作一张魔兽地图!!--CS地图也可以,哈哈哈 摘要: 你玩魔兽不?你知道如何做一张魔兽地图不?! 快 ...
- python调用百度翻译-Python 调用百度翻译API
由于实习公司这边做的是日文app,有时要看看用户反馈,对于我这种五十音图都没记住的人,表示百度翻译确实还可以.但不想每次都复制粘贴啊,google被墙也是挺蛋疼的事,所以用python结合baidu ...
- 调用百度汇率api 获取各国的汇率值
设置一个定时任务,每天更新汇率java代码如下 package com.thinkgem.jeesite.modules.huiLvApi.service;import java.io.Buffere ...
- 基于调用百度翻译API的简易翻译器（python）
基于调用百度翻译API的简易翻译器 一.使用自己的百度账号登录百度翻译开放平台获取百度翻译API 使用您的百度账号登录百度翻译开放平台(http://api.fanyi.baidu.com): 注册成 ...
- python百度翻译接口_python3 调用百度翻译API翻译英文
自行申请百度开发者账号import importlib,sys,urllib importlib.reload(sys) import urllib.request import json #导入js ...
- 【2019-07-23】]python3 把日语翻译为中文 调用百度翻译API接口及API申请使用教程
点击申请百度翻译API,得到一个你自己的API账户. 点击查看申请教程,感谢教程原作者. API官网提供了一个python2的使用接口的demo还有详细的解释文档 想用python3完成,代码几乎照搬 ...
- python调用百度接口实现ocr识别_Python 3调用百度OCR API实现剪贴板文字识别
本程序调用百度OCR API对剪贴板的图片文字识别,配合CaptureScreen软件,可快速识别文字. #!python3 import urllib.request, urllib.parse i ...
- 前端js调用百度翻译api接口
目录 1.到百度翻译开放平台注册自己的账号 2.编辑html代码,设计一个简易的页面 3.远程调用百度翻译api 4.完整代码 5.测试 到百度翻译开放平台注册自己的账号 (1)进入网页:开放平台官网 ...
最新文章
- 查看Hotspot源码，查看java各个版本源码的网站，如何查看jdk源码
- oracle:更改序列
- 开关变压器绕制教程_教程：如何将变压器权重和令牌化器从AllenNLP上传到HuggingFace
- oracle.01081 cannot,ORA-01081: cannot start already-running ORACLE - shut it down first
- Blazor确认复选框组件
- MySQL：浅析 Impossible WHERE noticed after reading const tables
- RBF（径向基）神经网络
- CentOS7 安装RabbitMQ 亲测（编写中，有大神请帮忙指点下文中遇到的问题，谢谢）...
- 手机归属地查询演示代码
- 管理信息系统案例分析_BIM案例分析—地下空间工程（二）
- MSVCR71.dll is missing from your computer-(Window7 install sqldeveloper for oracle )
- 用x360ce，北通蓝牙手柄成功玩双人成行
- xdg在Linux中的用法,Linux – XDG (X Desktop Group)
- Android多分辨率适配框架（1）— 核心基础
- 2022年第十二届APMCM亚太地区大学生数学建模竞赛
- 打印机后台程序没有运行怎么办
- VC中.pch是什么文件,没有.pch文件怎么办
- Fiori学习：WEBIDE本地个人版安装
- typedef int()(int,int)
- java 模块解耦_微服务架构：如何用十步解耦你的系统？