lbs

当大潮退去，才知道谁在裸泳。 作者 ：A哥（YourBatman） 公众号 ：BAT的乌托邦（ID：BAT-utopia） 文末是否有彩蛋 ：有 目录 前言 正文 1、贫苦大众 游戏人生 1.1 家徒四壁 呱呱坠地 1.2 被耽误的高中 回不去的青春 2、迷茫大学 似梦年华 2.1 疲于奔命的大学四年 2.2 跌落深渊的毕业答辩 2.3 百无一成的初出茅庐 3、凤凰涅槃 程序生涯 3.1 欲练此功 必先闭关 3.2 崭新篇章 程序人生 笔耕不辍 钟情翰墨 2018年：CSDN 2020年：微信公众号 总结 文末彩蛋 前言 各位小伙伴大家好，我是A哥，一个前25年还不会写Hallo World的半残程序猿。也许你看到这个介绍心里一阵美滋滋： 卧槽，终于有一个不是大佬（话外音：并不优秀）的人可以关注了 ，一下子阳光了起来有木有。 啊，问我多大了？反正是大龄程序员一枚没跑了😁 近期，在我朋友圈看了不下5篇的“个人介绍”文章，看完之后我每每只能附上本就匮乏的赞美之词：666、牛逼牛逼、大佬带带我......每看完一篇，我的心是这样的： 24岁买房，25岁年薪50万+，26岁孩子可以帮忙打酱油......有些人过着开挂式人生，而有些人也过着“开挂式人生”~ 画外音：我们同样都有腰间盘，为何大佬们如此突出呢？得看看医生了呀😄 这就是强者的世界，大多数人（那必须包括我啊）所向往的世界

以下内容转载自多多洛爱学习的文章《JSAPI-在地图上添加自定义覆盖物》 作者：多多洛爱学习 链接： https://juejin.im/post/5ee5f80d51882542e2695874 来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 地图上的覆盖物 在地图上添加覆盖物有两种方式，一是在canvas画布上渲染，比如JSAPI GL绘制 MultiMarker/MultiPolygon 等矢量图形覆盖物就是通过编写对应图形的数据解析及渲染程序，直接绘制在底图上层。这样的渲染方式下视角变换时图形也可以实现3D形变。另一种方式是通过CSS布局将其他DOM元素叠加到地图容器之上，这种方式下视角变换时DOM元素需重新计算布局，比如JSAPI v2的 Marker/Polygon 等覆盖物，以及JSAPI GL的 InfoWindow 信息窗，这些都属于DOM覆盖物。 如果你需要叠加一个自定义的复杂元素，第一种方式的话需要实现对应的数据解析和着色器程序，需要了解WebGL的渲染原理，成本很高，且不易变通。而DOM是每个前端工程师都非常熟悉的，简单几个标签加CSS就能实现高度定制的DOM元素。但是如何将一个DOM元素正确地安置在地图上，并且随着地图平移、旋转、缩放实时调整自己的位置呢？ 这就要使用到 DOMOverlay 了

以下内容转载自面糊的文章《模仿微信发送位置功能》 作者：面糊 链接： https://www.jianshu.com/p/47b3ada2e36d 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 前言 微信的发送位置功能是一个十分方便的功能，他会定位用户当前所在地点，然后请求用户周边的POI，并且还可以通过拖动地图来获取其他的位置发送给对方，本Demo是结合腾讯地图SDK来实现类似的功能。 使用场景 拖动地图选择地图的中心点，然后请求该点周边的门店信息，可以通过设置搜索分类来指定搜索门店的类型，如：美食、学校等。 准备 腾讯地图3D SDK Marker 地点检索 核心代码： 1、设置大头针，固定在地图中央，并监听地图移动的时候大头针跟随移动： - (void)mapViewRegionChange:(QMapView *)mapView { // 更新位置 _annotation.coordinate = mapView.centerCoordinate; } 2、配置周边检索功能，将检索类型设置为"美食"： - (void)searchCurrentLocationWithKeyword:(NSString *)keyword { CLLocationCoordinate2D centerCoord = self.mapView

以下内容转载自面糊的文章《实现物流场景的小车Marker指向目的地》 作者：面糊 链接： https://www.jianshu.com/p/f794b02a81f5 来源：简书 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 场景需求 快递物流相关APP中，如快递、送餐，可以让快递车Marker的车头，在途经点始终指向目的地，如下图所示： 使用技术： 腾讯地图iOS SDK ， 点标记 和 绘制线 核心点 ： 1、操作QPointAnnotation的坐标 2、从mapView中获取途经点QPointAnnotation的坐标 3、通过三角函数计算途经点坐标与终点坐标的角度 4、操作QAnnotationView的transform属性 代码示例如下： 1、示例展示福州送至北京，途径西安、西宁、济南、太原、天津，先将这几个点的maker添加到地图中： // 福州 locations[0] = CLLocationCoordinate2DMake(26.101797,119.415539); // 西安 locations[1] = CLLocationCoordinate2DMake(34.475422,109.0005); // 西宁 locations[2] = CLLocationCoordinate2DMake(36.69099,101.749523

以下内容转载自Crape的文章《web页面上的旋转矩形碰撞》 作者：Crape 链接： https://juejin.im/post/5eede991e51d45740950c946 来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 前言 本文主要是总结一下web页面中的旋转矩形的碰撞检测，碰撞算法本身并不难，只是需要注意web坐标系在计算中的影响。碰撞检测应该是在游戏等场景中很常见且基础的功能，本文记录了在 JavaScript API GL 遇到了这类碰撞问题的调研和实现的过程。 需求场景 用户在地图上实现MultiLabel文本标注覆盖物时，会由于两个label坐标过近，或者地图的旋转、缩放产生的变化而相互重叠。目前label的背景色均为透明且暂时还不支持配置，文字重叠之后识别度下降很多，就计划先实现label之间的避让功能。检测到两个label碰撞时，根据优先级选择隐藏其中的一个，保证文字的可读性。 确定算法 在JSAPI GL中，label并不是在三维空间中的，而是绘制在屏幕上的，只是会根据用户视角的移动实时计算出label在屏幕坐标中所处的位置，然后在每一帧中进行绘制。label实际上就是一行文字，我们可以把它用一个矩形包围起来，当做整体计算，因为每个字之间的相对位置并不会变

以下内容转载自Crape的文章《web页面上的旋转矩形碰撞》 作者：Crape 链接： https://juejin.im/post/5eede991e51d45740950c946 来源：掘金 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 前言 本文主要是总结一下web页面中的旋转矩形的碰撞检测，碰撞算法本身并不难，只是需要注意web坐标系在计算中的影响。碰撞检测应该是在游戏等场景中很常见且基础的功能，本文记录了在 JavaScript API GL 遇到了这类碰撞问题的调研和实现的过程。 需求场景 用户在地图上实现MultiLabel文本标注覆盖物时，会由于两个label坐标过近，或者地图的旋转、缩放产生的变化而相互重叠。目前label的背景色均为透明且暂时还不支持配置，文字重叠之后识别度下降很多，就计划先实现label之间的避让功能。检测到两个label碰撞时，根据优先级选择隐藏其中的一个，保证文字的可读性。 确定算法 在JSAPI GL中，label并不是在三维空间中的，而是绘制在屏幕上的，只是会根据用户视角的移动实时计算出label在屏幕坐标中所处的位置，然后在每一帧中进行绘制。label实际上就是一行文字，我们可以把它用一个矩形包围起来，当做整体计算，因为每个字之间的相对位置并不会变

A7600C1-LNSE是一款面向中国市场的LTE Cat 1模块，支持LTE-TDD/LTE-FDD/GSM/GPRS/EDGE 等无线通信制式。该产品支持最大下行速率10Mbps和最大上行速率5Mbps。 A7600C1-LNSE采用LCC+LGA封装形式，与UMTS/ HSPA+模块SIM5320/SIM5360系列，以及LTE模块SIM7600/SIM7600-H系列封装兼容，实现了3G产品向LTE产品的平滑切换，极大方便了客户端更多产品类型的兼容设计。 A7600C1-LNSE内置了多种网络协议，支持多种主流软件操作系统的驱动（Windows，Linux和Android等操作系统主流版本的USB驱动）和软件功能。同时也集成了主流的工业标准接口，具有强大的扩展能力，包括UART、SDIO、I2C、GPIO等丰富的接口，广泛适用于主流物联网应用领域，如车载通信终端、安防终端、POS、工业路由器和远程医疗终端等。 主要优势： LCC+LGA封装，具有丰富的接口 支持中国LTE网络全覆盖 丰富的软件功能：远程升级(FOTA)、基站定位(LBS)、SSL协议 超高性价比 一般特性 : 频段: LTE-TDD B34/B38/B39/B40/B41 LTE-FDD B1/B3/B5/B8 GSM/GPRS/EDGE 900/1800 MHz 支持电压范围: 3.4V ~ 4.2V

链家实现的效果 分析 地图找房功能使用点聚合来实现的。官网示例如下： https://lbs.qq.com/javascript_v2/sample/overlay-markercluster.html 链家的地图找房主要分为三层。第一层为市区层，比如南山、罗湖等；第二层为片区，比如南头、科技园等；第三层则为小区。 因为第一层，第二层的数据没有那么多，这两个接口都是把所有的数据一次返回给前端。但是第三层的数据量就非常的巨大了，链家采取的是返回部分数据，将前端页面上显示的最大经纬度以及最小经纬度传给后台，后台再将筛选后的数据返回给前端。（接口地址大家可以使用 Chrome 的开发工具进行抓包，这里需要注意的是链家的接口采用 jsonp 的形式，所以需要抓取 JS） 实现 首先需要添加腾讯地图的API，这里推荐使用异步加载的方式。因为项目使用 Vue 进行开发的单页应用，有可能用户并没有进入地图找房的页面，所以这里建议在打开地图找房的页面时添加腾讯地图的API。 异步加载需要避免一个重复加载的问题，即不管用户是第几次打开地图找房，地图的 API 都是同一个。 这里为了降低代码复杂度，没有使用单例模式，具体的代码如下: const TXMap = { map: undefined, // 地图实例 // 异步加载获取api getApi (funName) { let script =

CreateWindowEx 函数功能： 该函数创建一个具有扩展风格的重叠式窗口、弹出式窗口或子窗口，其他与 CreateWindow函数相同。 关于创建窗口和其他参数的内容，请参看CreateWindowEx。 函数原型：HWND CreateWindowEx（DWORD dwExStle，LPCTSTR IpClassName，LPCTSTR lpWindowName，DWORD dwStyle，int x，int y,int nWidth，int nHeight，HWND hWndParent，HMENUhMenu，HANDLE hlnstance，LPVOIDlpParam）； 参数： dwExStyle：指定窗口的扩展风格。该参数可以是下列值： WS_EX_ACCEPTFILES：指定以该风格创建的窗口接受一个拖拽文件。 WS_EX_APPWINDOW：当窗口可见时，将一个顶层窗口放置到任务条上。 WS_EX_CLIENTEDGE：指定窗口有一个带阴影的边界。 WS_EX_CONTEXTHELP：在窗口的标题条包含一个问号标志。当用户点击了问号时，鼠标光标变为一个问号的指针、如果点击了一个子窗口，则子窗日接收到WM_HELP消息。子窗口应该将这个消息传递给父窗口过程，父窗口再通过HELP_WM_HELP命令调用WinHelp函数

为了在⽆⽹、弱⽹或者特殊外⽹环境下也能流畅地显示地图，腾讯地图SDK从4.3.5版本开始，提供了⼀套离线地图⽅案。可⽀持离线地图开关、城市列表获取、离线城市数据下载、下载状态回调、离线缓存管理等能⼒。 离线地图下载地址： iOS地图SDK 、 Android地图SDK 本篇文章为Android地图SDK离线地图使用教程，iOS离线地图教程请参考： https://lbs.qq.com/mobile/iOSMapSDK/mapGuide/offline 开启离线地图能力可按照以下步骤进⾏: 打开离线地图开关 获取离线地图的城市列表 获取某个城市的离线控制器 判断该城市是否有数据更新 执⾏离线数据下载 打开离线地图开关 通过 TencentMapOptions 可以配置离线地图开关，在多个地图实例的情况下，离线地图开关状态保持 ⼀致。 TencentMapOptions options = new TencentMapOptions(); options.setOfflineMapEnable(true); MapView mapView = new MapView(context, options); TencentMap map = mapView.getMap(); 获取离线地图的城市列表 在离线地图开关打开的前提下，通过 TencentMap 的 getMapComponent