uniapp 使用renderjs使用高德

Uniapp 是一款跨平台的开发框架，可以同时支持多个平台，包括 iOS、Android、H5 等。而 renderjs 是一款基于 Vue.js 的可视化开发工具，可以在 Uniapp 中快速实现高德地图的集成。

以下是在 Uniapp 中使用 renderjs 实现高德地图的步骤：

1. 首先在项目中安装 renderjs：

npm install renderjs -D

2. 在需要使用高德地图的页面中引入 renderjs：

import Renderjs from 'renderjs'

3. 在页面的 data 中定义地图相关的变量：

data() {
  return {
    map: null, // 地图对象
    markers: [], // 地图标记点
    center: [116.397428, 39.90923], // 地图中心点坐标
    zoom: 11 // 地图缩放级别
  }
}

4. 在页面的 mounted 生命周期中初始化地图：

mounted() {
  // 初始化地图
  this.map = Renderjs.initMap('map-container', {
    center: this.center,
    zoom: this.zoom
  })
}

5. 在需要添加标记点的地方，调用 addMarker 方法：

// 添加标记点
this.markers.push({
  position: [116.397428, 39.90923],
  content: '这是一个标记点'
})
this.addMarker()

6. 实现 addMarker 方法：

addMarker() {
  this.markers.forEach(marker => {
    Renderjs.addMarker(this.map, {
      position: marker.position,
      content: marker.content
    })
  })
}

7. 在页面中添加地图容器，并设置 id 为 map-container：

<template>
  <view>
    <view id="map-container"></view>
  </view>
</template>

通过以上步骤，就可以在 Uniapp 中快速实现高德地图的集成。