百度地图得到两地点(通过经纬度)的距离、 通过经纬度获取详细地址

 1 /**
 2      * 计算两点间的距离
 3      * pt1 {lng:"12.34",lat:"3423"}第一个点的经纬度
 4      * pt2 {lng:"12.34",lat:"3423"}第二个点的经纬度
 5      * */
 6     getDistance:function(pt1,pt2){
 7         var map = new BMap.Map("container");
 8         var point1 = new BMap.Point(pt1.lng,pt1.lat);
 9         var point2 = new BMap.Point(pt2.lng,pt2.lat);
10         var distance = map.getDistance(point1,point2);
11         return distance;
12     },

 

 1 /**
 2      * 通过经纬度获取详细地址
 3      * */
 4     getAddress: function(pt, callBack) {
 5         // 创建地址解析器实例
 6         var point =new BMap.Point(pt.lng,pt.lat)
 7         var myGeo = new BMap.Geocoder();
 8         // 将地址解析结果显示在地图上,并调整地图视野
 9         myGeo.getLocation(point, function(rs){
10             // rs.addressComponents  可以得到省、市、区、街道、街道编号
11             var addComp = rs.addressComponents;
12             if(addComp){
13                 callBack(addComp);
14             }else {
15                 callBack("");
16             }
17         });
18 
19     },

 

转载于:https://www.cnblogs.com/sunnie-cc/p/7906117.html

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/251471.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

html5 --- canvas绘制网格并画x、y轴

效果如下: // 代码如下: <body><canvas width"500" height"375" id"c"></canvas><script>(function draw_a() {var a_canvas document.getElementById("c");var context a_canvas.getContext("2d&qu…

系统调用软中断处理程序system_call分析

最近学习了系统调用的整个流程&#xff0c;这里总结并记录。同时作为学习孟宁老师的linux内核课程的作业。 唐建&#xff0c;《Linux内核分析》MOOC课程http://mooc.study.163.com/course/USTC-1000029000 1、概述 系统调用整个过程为&#xff1a;API——封装例程——system_c…

Poj3261 Milk Patterns

题目传送门 题意&#xff1a;对一个字符串求一个最长的子串使得它至少出现k次 额&#xff0c;因为这个题目呢&#xff0c;他的字符集非常大(100W) 所以直接用SAM是不行了&#xff0c;我们考虑用离散化SA&#xff0c;让后就可以分块rmq了 当然这样很麻烦&#xff0c;我们还是用S…

html5 --- 使用canvas画一个渐变矩形

我们希望得到如下效果: 首先准备画布 // HTML <canvas width"500" height"375" id "a"> </canvas>// JS // 获取画布的DOM元素 var a_canvas document.getElementById("1"); // 获取画布的上下文元素(之后,就可以使用…

PHP优化与提升

一。十个不错的建议1.使用 ip2long() 和 long2ip() 函数来把 IP 地址转化成整型存储到数据库里。这种方法把存储空间降到了接近四分之一&#xff08;char(15) 的 15 个字节对整形的 4 个字节&#xff09;&#xff0c;计算一个特定的地址是不是在一个区段内页更简单了&#xff0…

Servlet详解之两个init方法的作用

在Servlet中 javax.servlet.GenericServlet类 继承自java.lang.Object 实现了Serializable,&#xff0c;servlet &#xff0c;ServletConfig 三个接口 被继承对象javax.servlet.http.HttpServlet &#xff08;这是我们常用的一个类&#xff09; 但仔细看GenericServlet的API&am…

vue --- 使用vue在html上显示当前时间

希望如下效果(时间按秒钟更新) 导入Vue依赖的CDN <script src"https://unpkg.com/vue/dist/vue.min.js"> </script>创建视图 <div id"app">{{date}}</div>Model <script>var app new Vue({el: "app",data: …

namespace 或The content of element type mapper must match EMPTY

必须为元素类型 "mapper" 声明属性 "namespace" 或The content of element type "mapper" must match "EMPTY" <?xml version"1.0" encoding"UTF-8"?> <!DOCTYPE mapper PUBLIC "-//mybatis.org/…

EAS WebService部署

1、创建 facade ,设置好接口及参数、返回信息; 2、代码&#xff1a;元数据打包部署到服务器; 3、然后修改配置文件&#xff1a; 将本地开发环境生成的.wsdd文件拷贝到eas\server\deploy\eas.ear的web.war下的WEB-INF目录下&#xff0c;再将.wsdd文件中的<service></se…

vue --- 购物车页面

下面我看开始自己写一个购物车的页面. 我们希望得到如下的效果: 说明: 购买数量最小为0购买数量变化时,对应的总价随之变化点击移除操作对应的商品会移除掉,总价随之改变每个商品作为一个list表的一个对象每个对象,包含id、name、price、count等属性 index.html (整体代码最…

Javascript阻止表单提交

Javascript阻止表单提交 Html 1.<form name"loginForm" action"login.aspx" method"post"> 2. <button type"submit" value"Submit" id"submit">Submit</button> 3.</form> Js …

XML CDATA的作用

操作XML文件时&#xff0c;如果允许用户输入内容&#xff0c;例如∶"< "、">"、"/"、""等&#xff0c;当生成XML时&#xff0c;会破坏了XML结构&#xff0c;使数据中断。 这就要用XML CDATA 在XML文档中的所有文本都会被解析器解…

vue --- 从模块从父元素获取数据

vue的精彩之处在于其组件的可复用性.下面谈谈组件(component)如何从父元素获取数据 模块引用 首先说说,如何引用模块 <div id"app"><my-component ></my-component> </div> <script src“unpkg.com/vue/dist/vue.min.js”> </…

前端知识总结(一)

1、用原生JS实现forEach if(!Array.prototype.forEach) {Array.prototype.forEach function(fn, context) {var context arguments[1];if(typeof fn ! "function") {throw new TypeError(fn "is not a function");}for(var i 0; i < this.length; …

广播风暴

能够抑制网络风暴的是&#xff1f;A中断器 B集线器 C网桥 D路由器 答案D解析&#xff1a;&#xff08;1&#xff09;广播风暴&#xff1f;一个数据帧或包被传输到本地网段上的每个节点就是广播&#xff1b;由于网络拓扑的设计和连接问题&#xff0c;或其他原因导致广播在网段内…

java getClass()

Java反射学习 所谓反射&#xff0c;可以理解为在运行时期获取对象类型信息的操作。传统的编程方法要求程序员在编译阶段决定使用的类型&#xff0c;但是在反射的帮助下&#xff0c;编程人员可以动态获取这些信息&#xff0c;从而编写更加具有可移植性的代码。严格地说&#xff…

vue --- 模块从子组件获取数据

先看个一般的例子: // 我们需要将信息从子组件传递给父组件,(有可能不止一条信息,因此)肯定需要一个标识,这个标识放在$emit里面(js),在dom中通过来关联父元素。如下:<div id "app"><transfer connect"sayConnect" build"sayBuild"&g…

mySql配置在nodejs中使用

mySql安装完成后&#xff0c;配置链接nodejs项目中的数据库。 1、测试是否安装成功。 2、use nodejs使用nodejs 3、设置数据源 5、exit 转载于:https://www.cnblogs.com/zhxzh/p/9244996.html

转,jquery中attr和prop的区别

https://www.cnblogs.com/Showshare/p/different-between-attr-and-prop.html 像checkbox&#xff0c;radio和select这样的元素&#xff0c;选中属性对应“checked”和“selected”&#xff0c;这些也属于固有属性&#xff0c;因此需要使用prop方法去操作才能获得正确的结果。 …

前端知识总结(二)

33、闭包 闭包的概念 上一节代码中的f2函数&#xff0c;就是闭包。 各种专业文献上的"闭包"&#xff08;closure&#xff09;定义非常抽象&#xff0c;很难看懂。我的理解是&#xff0c;闭包就是能够读取其他函数内部变量的函数。 由于在Javascript语言中&#x…