微信小程序map 之个性化地图(日出日落主题)
个性化地图之根据日出日落时间动态变换地图主题
微信小程序主题有根据日出日落时间切换深色主题,这样白色的地图在小程序中尤为显眼,由此诞生一个新的需求----个性化地图
个性化前的准备
地图个性化样式组件是腾讯位置服务为开发者提供的地图高级能力,开发者可以在法律允许的范围内,定制背景面、背景线、道路、POI等多种地图元素,灵活地设计心仪的地图样式
进入腾讯地址服务官网(作废 2023年6月30日后不再生效)
https://lbs.qq.com/dev/console/custom/apply.进行选择自己开发需要的主题,并输入自己的小程序的APPID,之后系统会生成密钥(key)
使用微信小程序付费服务
小程序开发
html 代码
. layer-style 编号为样式名称
<map id="map"
latitude="{
{latitude}}"
longitude="{
{longitude}}"
scale="17"
bindregionchange="regionchange"
show-location="{
{true}}"
subkey="{
{subKey}}"
layer-style="{
{layerStyle}}" >
</map>