开发者社区 IoT 文章正文

在uniapp中引入地图

2023-11-20 90

版权

本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

简介： 在uniapp中引入地图

在我的后园，可以看见墙外有两株树，一株是枣树，还有一株也是枣树。这上面的夜的天空，奇怪而高，我生平没有见过这样奇怪而高的天空，他仿佛要离开人间而去，使人们仰面不再看见。——鲁迅《秋夜》

直接使用uniapp自带的map组件即可

文档：https://uniapp.dcloud.io/component/map

代码如下

<template>
  <view>
    <view class="map-parent"><map style="width: 100%; height: 300px;" :latitude="latitude" :longitude="longitude" :markers="covers"></map></view>
  </view>
</template>
<script>
export default {
  data() {
    return {
      latitude: 39.909,
      longitude: 116.39742,
      covers: [
        {
          latitude: 39.909,
          longitude: 116.39742,
          iconPath: '/static/images/location.png',
          width: 40,
          height: 40
        }
      ]
    };
  }
};
</script>