GIS教程:全国数码商城系统

文章目录

    • 注册高德地图API
    • 普通网页中测试地图
      • 加载地图
      • 添加标记
      • 地图配置
      • 点标记 Marker添加弹框
    • 创建vue项目并添加高德地图
      • 创建项目
      • 加载高德地图
    • 项目首页布局
    • 封装axios和配置代理服务器
    • 获取城市热门信息
    • 获取城市区县信息
    • 获取区县商城信息
    • 获取指定城市区县的经纬度坐标
    • 将地图缩放到指定区县
    • 将商城添加到地图中
    • 点击标记打开信息框
    • 添加地图常用控件
    • 添加区县边界
    • 切换地图样式
    • 完整项目下载

注册高德地图API

详细流程:https://lbs.amap.com/api/javascript-api-v2/prerequisites

添加key:

GIS教程:全国数码商城系统_第1张图片

普通网页中测试地图

加载地图

实现代码:

DOCTYPE html>
<html lang

你可能感兴趣的:(Arcgis教程,Vue3,GIS)