
百度地图
听听那晚风
这个作者很懒,什么都没留下…
展开
-
详解Vue 如何使用最新3.0版本百度地图
准备流程:注册百度账号——申请成为百度开发者——获取服务密钥(ak)——使用相关服务功能使用流程:1、安装npm install vue-baidu-map --save2、在index.html页面引入<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=您的密钥"></script>3、使用<template> <div class="b原创 2021-01-12 14:34:47 · 3004 阅读 · 0 评论 -
vue 使用百度地图详解: 1、默认展开地图缩略图;2、自定义图标;3、自身定位;4、隐藏底部百度logo以及字体 5、创建多个标注点并给标注点添加信息弹窗,解决所有信息弹窗取的值都一样的问题
功能1:默认展开鹰眼map.addControl( new BMap.OverviewMapControl({ isOpen: true,//默认展开 anchor: BMAP_ANCHOR_BOTTOM_RIGHT, })); 功能2:自定义图标 // 创建小车图标 var myIcon = new BMap.Icon( "../../../static/useing.png", new BMap.Size(原创 2021-01-07 15:59:59 · 1229 阅读 · 0 评论 -
Vue使用百度地图 自定义信息窗口InfoWindow的样式
效果1、首先可以找到百度地图信息窗口的class名,根据class名去修改样式我这里只修改了标题的样式//百度地图信息弹窗标题.BMap_bubble_title{ font-weight: 700!important; margin-bottom: 10px; font-size: 16px;}2、窗口中心内容的样式,是自己写标签已经样式var marker = new BMap.Marker(new BMap.Point(112.14,22.125));map.addO原创 2021-01-12 11:58:14 · 6929 阅读 · 0 评论