百度地图之添加遮罩层去除百度地图logo

啊翔呀

已于 2022-07-07 08:55:43 修改

阅读量1.4k

点赞数

文章标签：百度 javascript 开发语言

于 2022-07-07 08:53:25 首次发布

本文链接：https://blog.csdn.net/m0_64409387/article/details/125651497

版权

1，申请百度密钥，步骤不再赘述2，引入百度地图：pubilc/index.html中引入3，添加Map实例，并添加控件，中心坐标为你要显示的区域的中心，画行政区、添加遮罩

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

效果图：

在这里插入图片描述

步骤：

1，申请百度密钥，步骤不再赘述
2，引入百度地图：pubilc/index.html中引入

<script type="text/javascript" src="http://api.map.baidu.com/api?v=3.0&ak=你的密钥"></script>

3，添加Map实例，并添加控件，中心坐标为你要显示的区域的中心，画行政区、添加遮罩

<!-- vue 3 引入百度api -->
<template>
	<div id="streetMap"></div>
</template>

<script>
	import {
   
		onMounted
	} from "vue";
	export default {
   
		setup() {
   
			onMounted(() => {
   
				initMap(); // 加载百度地图资源

			});
			// 初始化地图
			function initMap() {
   
				var map = new BMap.Map("streetMap", {
   }); //创建地图实例
				var point = new BMap.Point(113.90598, 35.3718)