# FoodMapHN

**Repository Path**: ffmh/food-map-hn

## Basic Information

- **Project Name**: FoodMapHN
- **Description**: 在微信小程序中使用地图标注展示
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2022-08-25
- **Last Updated**: 2025-02-11

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# FoodMapHN

## 介绍

在微信小程序中使用地图标注展示美食信息，一打开就知道自己身边有多少隐藏的、群众推荐的美食等待挖掘

（数据均从微信公众号：飞特摩登生活 的[2022海南必吃清单（第一版） (navo.top)](https://www.navo.top/wx_msgs/spview/4703525/3897331)文章中获取，爬虫源码见[https://gitee.com/kingkongk/web-claw.git](https://gitee.com/kingkongk/web-claw.git)）

<img src="https://s1.328888.xyz/2022/08/25/wHztS.png" alt="img" style="zoom: 50%;" />



## 安装教程

1. 安装[HBuilderX](https://dcloud.io/hbuilderx.html)，[微信开发者工具](https://developers.weixin.qq.com/miniprogram/dev/devtools/download.html)

2. 在HBuilderX中安装核心插件

   - uni-app（Vue3）编译器
   - uni_modules插件
   - uniCloud云开发

3. HBuilderX中：工具->设置->运行配置->小程序运行配置，修改微信开发者工具路径

4. HBuilderX中：manifest.json->微信小程序配置，修改微信小程序AppID

   > 注册微信小程序后可在 开发管理->开发设置 中获取

5. HbuilderX中：运行->运行到小程序模拟器->微信开发者工具 即可编译代码并运行到模拟器

   > 如果提示服务端口关闭而无法打开微信开发者工具，请手动打开，参考[uniapp运行到小程序之无法启动_Remyme的博客-CSDN博客_uniapp打不开小程序](https://blog.csdn.net/weixin_44691220/article/details/108383622)

   

## 使用说明

目前支持在地图中展示标注信息，数据格式为：

```json
{
    "shared_url": "分享链接",
    "lat": "维度（腾讯地图GCJ-02坐标）",
    "lng": "经度（腾讯地图GCJ-02坐标）",
    "name": "餐厅名称",
    "comment": "网友评论"
}
```