旗下品牌:
石家庄网站开发 石家庄网站开发公司

资讯动态

察而思、思而行、行而后语、知行合一

软件开发知识分享:vue 项目中使用腾讯地图!

发布时间:2024-09-04 热度:

  一、地图显示

  1. 准备工作

  1.1 首先进行注册 / 登录,网址为:https://lbs.qq.com/dev/console/home。

石家庄软件开发,石家庄小程序开发

  1.2 在服务控制台中,进入应用管理,找到我的应用,然后创建应用,主要会用到 key。

石家庄软件开发,石家庄小程序开发

  2. 在 index.html 文件中引入腾讯地图

  在标签中,引入腾讯地图 API。

石家庄软件开发,石家庄小程序开发

  2.1 创建地图组件

  在页面中定义地图显示容器。

石家庄软件开发,石家庄小程序开发

  2.2 实例化地图

  在脚本部分,设置地图的初始化方法。

石家庄软件开发,石家庄小程序开发

  二、个性化手绘地图

  1. 用到的是腾讯地图控制台的个性化地图 —— 个性化图层 beta 版。

  在这里可以创建个性化图层,根据步骤插入图片,提交审核会需要一定时间,具体可参考控制台个性化地图 beta 版下的使用指南。

石家庄软件开发,石家庄小程序开发

  2. 渲染手绘地图

  在脚本部分,添加渲染手绘地图的方法。

石家庄软件开发,石家庄小程序开发

  欢迎前来来尚武科技咨询了解更多软件开发的知识!

联系尚武科技
客户服务
石家庄APP开发
400-666-4864
为您提供售前购买咨询、解决方案推荐等1V1服务!
技术支持及售后
石家庄APP开发公司
0311-83796180
为您提供从产品到服务的全面技术支持 !
客户服务
石家庄小程序开发
石家庄小程序开发公司
加我企业微信
为您提供售前购买咨询、
解决方案推荐等1V1服务!
石家庄网站建设公司
咨询相关问题或预约面谈,可以通过以下方式与我们联系。
石家庄网站制作
在线联系:
石家庄Web开发
石家庄软件开发
石家庄软件开发公司
ADD/地址:
河北·石家庄
新华区西三庄大街86号河北互联网大厦B座二层
Copyright © 2008-2024尚武科技 保留所有权利。 冀ICP备12011207号-2 石家庄网站开发冀公网安备 13010502001294号
Copyright © 2024 www.sw-tech.cn, Inc. All rights reserved