web前端抖音模板(抖音页面模板是啥)

时间:2022-08-04来源:鼎品软件作者:佚名
都说程序员是钢铁直男,大家能忍吗?这次我们要用H5技术,展示我们浪漫的一面。看了下抖音上 #手掌地图 播放量较高,就选择做这个吧。先看一下最终效果:

关注我的头条号,分享更多的技术学习文章。我自己是一名从事了多年开发的web前端老程序员,前段时间我花了一个月整理了一份最适合2020年学习的web前端学习干货,各种框架都有整理,送给每一位前端小伙伴,想要获取的可以关注我的头条号并在后台私信我:前端,即可免费获取。


第一步,使用个性化地图将小岛变成爱心♥

点击下方链接注册帐号,在key管理里创建新密钥,QQ和微信都可以直接登录,而且个性化地图在网站和微信小程序中都可以使用哦。

https://lbs.qq.com?lbs_invite=RLV8FLR

前往“控制台->个性化地图->个性化样式->样式选择”,从列表中选择一个模板“编辑样式”。这里我们选择的是二次元地图雨露:

web前端抖音模板(抖音页面模板是啥)

现在该寻找一个心形岛了,我选择的是福建省泉州市西湖公园湖中心的小岛,在地图右下角:

web前端抖音模板(抖音页面模板是啥)

一直放大地图,找到西湖公园(找地点有点不够人性化呀),可以看到现在心形岛是绿色的(绿地)。

web前端抖音模板(抖音页面模板是啥)

我们将它的“填充颜色”换成红色,是不是立马就有红心♥的感觉了。同理,我们还可以更改陆地的颜色或将“填充透明度”设为0%以增加与背景图手的融合。

web前端抖音模板(抖音页面模板是啥)

点击左上角的保存图标,并返回到上一页,发布我们刚才编辑的样式。

web前端抖音模板(抖音页面模板是啥)

下面我们需要选择应用样式的key,还没有的话需要去key管理里创建一个,后面我们将用到。虽然本示例使用JSAPI GL进行演示,但还是必须在地图sdk和小程序中至少勾选一个,这里我们就选地图sdk吧。


web前端抖音模板(抖音页面模板是啥)


提交成功之后我们就可以进行开发了,留意上面有个编号“style 1”下面也会用到,来段简单的代码验证一下我们的个性化地图是否生效吧:

至此,大功告成。欢迎各位小伙伴们在评论中秀出你的作品哦。


作者:肖无疾

链接:https://link.zhihu.com/?target=https%3A//blog.csdn.net/xcx573/article/details/112384851%3Futm_medium%3Ddistribute.pc_category.none-task-blog-hot-7.nonecase%26depth_1-utm_source%3Ddistribute.pc_category.none-task-blog-hot-7.nonecase%26request_id%3D

出处:csdn

以上就是web前端抖音模板的全部内容,希望能够对大家有所帮助。

精品推荐

相关阅读

更多+

游戏排行

热门搜索

风暴召唤师满v破解版 飞行中队1943内破解版 拳皇97ol无限钻石存档安卓版 老爹汉堡店手机游戏 我的文明官方版 酷跑跑手机版 萌点星球之骰子战争手机游戏 太空60秒无限资源版游戏 小鳄鱼爱洗澡内购破解版中文版 精灵宝可梦口袋进化游戏