amap.vue 442 B

123456789101112131415161718192021222324252627
  1. <template>
  2. <div class="amap-container">
  3. <div id="amap" class="container">
  4. <el-amap vid="amapDemo"></el-amap>
  5. </div>
  6. </div>
  7. </template>
  8. <script>
  9. export default {
  10. name: "Amap",
  11. data() {
  12. return {};
  13. },
  14. created() {},
  15. mounted() {},
  16. methods: {},
  17. };
  18. </script>
  19. <style lang="scss" scoped>
  20. .amap-container {
  21. .container {
  22. width: 100%;
  23. height: calc(100vh - 214px);
  24. }
  25. }
  26. </style>