Uniapp使用腾讯地图并进行标点创建和设置保姆教程

news/2024/7/10 0:49:28 标签: uni-app, vue

使用Uniapp内置地图

  • 首先我们需要创建一个uniapp项目

首先我们需要创建一个uniapp项目

我们在HBuilder左上角点击文件新建创建一个项目
在这里插入图片描述
然后下面这张图的话就是uniapp创建项目过程当中需要注意的一些点和具体的操作
在这里插入图片描述
然后我们创建完项目之后进入到项目pages文件夹下,创建一个新的Vue页面或者是也可以直接使用里面的Vue页面,然后我们需要打开Uniapp官网链接: https://uniapp.dcloud.net.cn/component/map.html#使用里面的内置组件当中的map组件
在这里插入图片描述
在这里插入图片描述
这里我们涉及到一个标点的创建,那么标点的创建我们可以通过设置里面的latitude和longitude的坐标点来进行定位坐标点,这里我们注意,当我们添加多个坐标点的时候,我们需要在我们的坐标点字典里面添加id字段
在这里插入图片描述
这里我们讲解一下map地图上面的一些常用的参数和方法
在这里插入图片描述
当我们通过设置的markertap方法拿到我们点击的坐标id的之后,查找到我们想要的数据信息
在这里插入图片描述

最后需要的一点是,在使用内置地图的过程当中可能会出现显示不出来的效果,那么这个时候我们将我们的微信小程序的版本设置为版本2.11.2
在这里插入图片描述


http://www.niftyadmin.cn/n/4932628.html

相关文章

STM32 LL库+STM32CubeMX--点亮板载LED

一、前期准备 硬件:STM32F103C8T6开发板调试工具:DAPLink(本次使用)或USB-TTL开发环境:STM32CubeMX、Keil、Vscode(可选)板载LED:PC13(低电平点亮) 二、STM32CubeMX配置 1.选择芯片型号: 2.配置外设时钟&#xff1a…

yum部署kubernetes(k8s)集群、k8s常用资源管理

目录 一、环境搭建 1、准备环境 1)计算机说明,建议系统版本7.4或者7.6 2)修改所有主机的计算机名设置host文件 2、安装master节点 1)安装etcd配置etcd 2)安装k8s-master节点 3)配置apiserver 4&…

站长公益主机,免费主机➕免费域名➕博客申请➕论坛申请

站长公益主机,免费主机➕免费域名➕博客申请➕论坛申请 在出教程之前准备好久,测试搭建轻量论坛无压力 选用稳定免费域名➕免费主机分销给,可以套CDN使用 坚持免费时间是大厂不能媲美,刚开始做网站时用的是这个分销,独…

算法随笔:图论问题之割点割边

割点 定义 割点的定义:如果一个点被删除之后会导致整个图不再是一个连通图,那么这个顶点就是这个图的割点。举例: 上图中的点2就是一个割点,如果它被删除,则整个图被分为两个连通分量,不再是一个连通图。…

如何适应新的算法备案要求:企业的策略与挑战

随着人工智能和机器学习技术的普及,其在各种行业应用中的影响也日益显著。然而,如此强大的技术自然也带来了各种挑战,特别是在确保公正和透明性方面。为此,许多国家开始出台算法备案的法规,确保这些技术在符合道德和法…

Nuxt.js--》解锁 Nuxt 项目的潜力:从配置开始,迈向成功

博主今天开设Nuxt.js专栏,带您深入探索 Nuxt.js 的精髓,学习如何利用其强大功能构建出色的前端应用程序。我们将探讨其核心特点、灵活的路由系统、优化技巧以及常见问题的解决方案。无论您是想了解 Nuxt.js 的基础知识,还是希望掌握进阶技巧&…

【MFC】07.MFC六大机制:消息映射-笔记

本专栏上两篇文章分别介绍了【MFC】05.MFC第一大机制:程序启动机制和【MFC】06.MFC第二大机制:窗口创建机制,这篇文章来为大家介绍MFC的第三大机制:消息映射 typfd要实现消息映射,必须满足的三个条件: 类必…

宿舍管理系统--前后端分离式项目架构流程复盘(三万字详解)

文章目录 🐒个人主页🏅JavaEE系列专栏📖前言:【🎇前端】先创建Vue-cli项目(版本2.6.10,仅包含babel),请选择此项目并创建 【整理简化项目模板】【🎀创建路由】…