vue2.0组件如何使用高德地图

最新推荐文章于 2024-04-27 13:33:08 发布

fongdaBoy

最新推荐文章于 2024-04-27 13:33:08 发布

阅读量8.2k

点赞数

分类专栏： Vue JS Jquery

本文链接：https://blog.csdn.net/iceking66/article/details/78192691

版权

本文介绍如何在Vue2.0组件中使用高德地图，包括安装vue-amap插件和在模板中添加地图组件的步骤。

摘要由CSDN通过智能技术生成

vue2.0直接使用高德地图

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
    <script src="vue.js"></script>
    <script type="text/javascript" src="http://webapi.amap.com/maps?v=1.4.0&key=您申请的key值"></script>
    <style>
        #container {
 width:300px; height: 180px; }
    </style>
</head>
<body>
<div id=&

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

fongdaBoy

关注关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
1
评论
vue2.0组件如何使用高德地图

vue2.0直接使用高德地图html>html lang="en">head> meta charset="UTF-8"> title>Documenttitle> script src="vue.js">script> script type="text/javascript" src="http://webapi.amap.com/maps?
复制链接

扫一扫