最近收到一个小程序定制项目，属于香港租房的二手类型。在租房一栏，我需要地图显示房屋位置的功能。小程序二维码如下图，可以扫码体验。 您需要使用列表详细信息页面中的地图组件，如下图所示。 小程序一个难题是，地图组件属于级别最高的原生组件，所以底部的工具栏无法覆盖这个地图组件。 为了解决这个问题，微信提供了两个组件，cover-view和cover-image，可以在原生组件之上覆盖视图和图片组件。 但是有两个缺点: 1.当手碰到它的时候，它不能上下滚动。这个问题不能用封面-视图和封面-图像组件来解决。 2.在开发工具模拟器中不会被浮动的普通层覆盖，但在真机中会被穿透。比如底部浮在地图上，点击滑块上的按钮就会指向地图。 要解决这个问题，最好的方法是生成地图图像，而不是使用地图原生组件。 搜索后发现，高德地图有一个可以生成地图图片的API接口，非常好用。https://lbs.amap.com/api/webservice/guide/api/staticmaps高德地图接口地址如下 可以设置地图中心、地图图片大小、地图标点名称和大小、地图大小等。，基本上完美解决了这个问题。 而且，界面使用起来非常简单。如果你直接请求一个地址，你会直接返回一个图像。参考PHP代码如下: $ param _ markers = & # 39markers=mid，0xFF0000，& # 39；。$ house[& quot；经度& quot].','。$ house[& quot；纬度& quot].'；'。$ house[& quot；经度& quot].','。$ house[& # 39；纬度& # 39；].'& amp'； $ param _ size = & # 39尺寸= 750 * 400 & amp'； $ param _ zoom = & # 39缩放= 17 & amp'； //$ param _ labels = & # 39；标签= & # 39；。$ house[& # 39；address _ name & # 39].'，2，0，16，0xFFFFFF，0x 008000:& # 39；。$ house[& quot；经度& quot].','。$ house[& quot；纬度& quot].'& amp'； & nbsp$ request _ URL = $ AMAP _ URL _ static map。$param_zoom。$param_markers。$param_size。'key = & # 39。$ amap _ key & nbsp返回$ request _ url 对高德地图界面的请求数量有限制，如下所示 每天有100万个请求，对于中小型应用来说足够了。如果不够，可以通过付费的方式增加请求次数。我个人认为高德地图相当有用。 云崛起关注微信小程序定制、可定制平台小程序、商城小程序、二手出租小程序、旅游小程序、留学小程序、基因检测小程序、律师 欢迎咨询定制热线4008009385:& nbsp； & nbsp 寒武纪. render(“尾巴”)

本文由“云崛起”原创发布，未经许可，禁止转载！本文原创链接：http://www.yunjueqi.com/weixinfenxiao/2320.html