vue 高德地图标记_如何在vue里面调用高德地图「建议收藏」

vue 高德地图标记_如何在vue里面调用高德地图「建议收藏」1.修改webpac.base.conf.js文件与module同一级添加externals:{‘AMap‘:‘AMap‘,‘AMapUI‘:‘AMapUI‘}配置。然后在index页面引入文件接着下载包vue-amap,然后在vue页面中importAMapfrom‘AMap‘//在使用地图的页面引入该组件varmapexportdefault{mounted:functio…

大家好,又见面了,我是你们的朋友全栈君。

1.修改webpac.base.conf.js文件

与module同一级添加

externals: {

‘AMap‘: ‘AMap‘,

‘AMapUI‘: ‘AMapUI‘

}配置。

然后在index页面引入文件

接着下载包vue-amap,

然后在vue页面中

import AMap from ‘AMap‘//在使用地图的页面引入该组件

var map

export default {

mounted: function () {

this.init()

},

methods: {

init: function () {

map = new AMap.Map(‘container‘, {

center: [116.34301260000001, 39.9662898],

resizeEnable: true,

zoom: 10

})

//创建一个marker

var marker = new AMap.Marker({//在地图上显示自己的位置标记

position: [116.34301260000001, 39.9662898],//marker所在的位置

map:map//创建时直接赋予map属性

});

AMap.plugin([‘AMap.ToolBar‘, ‘AMap.Scale‘], function () {

map.addControl(new AMap.ToolBar())

map.addControl(new AMap.Scale())

})

}

}

}

这样基本的地图调用就OK啦

原文:http://www.cnblogs.com/wb336035888/p/7419699.html

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

发布者:全栈程序员-用户IM,转载请注明出处:https://javaforall.cn/143310.html原文链接:https://javaforall.cn

【正版授权,激活自己账号】: Jetbrains全家桶Ide使用,1年售后保障,每天仅需1毛

【官方授权 正版激活】: 官方授权 正版激活 支持Jetbrains家族下所有IDE 使用个人JB账号...

(0)


相关推荐

  • 浅谈一下学Java和python哪个好(个人观点)「建议收藏」

    浅谈一下学Java和python哪个好(个人观点)「建议收藏」其实这是一篇容易引起撕逼的文章,java是一种覆盖范围广,可跨平台的编程语言,python也是近几年火遍全世界的语言。先说结论,java是基础,另外一个是加分项,我仅代表我个人观点,为了祖国和谐,人民安康,请各位看官尽量理性讨论。java和python哪个好?很多朋友碰到了一个很共性的问题,那就是编程语言的选择。虽然Python这两年确实很火,但如果你的学历不是硕士以上,数学能力也一般,就无脑选java,不要选择Python作为就业方向。单单只会Python这门语言的是找不到工作的!Pyth

  • 怎么样Eclipse IDE for C/C++ Developers正确编译GTK规划?(解决)

    怎么样Eclipse IDE for C/C++ Developers正确编译GTK规划?(解决)

  • AngularJS 模块「建议收藏」

    AngularJS 模块「建议收藏」模块定义了一个应用程序。模块是应用程序中不同部分的容器。模块是应用控制器的容器。控制器通常属于一个模块。1创建模块你可以通过AngularJS的angular.module函数来创建模块:<divng-app=”myApp”>…</div><script>varapp=angular.module(“my…

  • ajax怎么整理,ajax请求的五个步骤是什么?五个步骤整理

    ajax怎么整理,ajax请求的五个步骤是什么?五个步骤整理每掌握一个技术,自然要了解该技术是什么?该技术的塬理又是什么?这样我们才能更深刻的掌握改技术。今天所描述的是ajax请求的五个步骤,希望能让大家对ajax有个更深入的记忆网图在脑海中。首先,我们来回顾下ajax是什么?Ajax=异步JavaScript和XML。Ajax是一种用于创建快速动态网页的技术。通过在后台与服务器进行少量数据交换,Ajax可以使网页实现异步更新。这意味着可以在不重新…

  • 为什么opencv安装成功但import cv2失败_python和opencv

    为什么opencv安装成功但import cv2失败_python和opencv遇到的问题:win10如何安装opencvpycharm中importcv2模块出现错误,找不到该模块处理经过:win10如何安装opencv自己的电脑上已经装有anaconda,下载地址为:https://www.anaconda.com/download/,像numpy等包已经伴随anaconda安装到电脑上了,只需要再安装opencv就行。使用pipinstal…

  • vb FindwindowEx的用法实例「建议收藏」

    vb FindwindowEx的用法实例「建议收藏」’添加Command1ConstWS_CHILD=&amp;H40000000ConstWM_LBUTTONDOWN=&amp;H201ConstWM_LBUTTONUP=&amp;H202ConstSW_HIDE=0ConstSW_NORMAL=1PrivateTypeRECT   LeftAsLong   TopAsLong   …

发表回复

您的电子邮箱地址不会被公开。

关注全栈程序员社区公众号