要移除Google Maps的位置框(左上角),可以通过以下步骤实现:
var mapOptions = {
disableDefaultUI: true
};
var map = new google.maps.Map(document.getElementById('map'), mapOptions);
var customControlDiv = document.createElement('div');
var customControl = new CustomControl(customControlDiv, map);
customControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(customControlDiv);
function CustomControl(controlDiv, map) {
// 创建自定义控件的HTML元素
var controlUI = document.createElement('div');
controlUI.style.backgroundColor = 'white';
controlUI.style.border = '1px solid gray';
controlUI.style.borderRadius = '3px';
controlUI.style.boxShadow = '0 2px 6px rgba(0,0,0,.3)';
controlUI.style.cursor = 'pointer';
controlUI.style.marginTop = '10px';
controlUI.style.marginRight = '10px';
controlUI.style.textAlign = 'center';
controlUI.title = 'Click to remove location box';
controlDiv.appendChild(controlUI);
// 添加控件的文本内容
var controlText = document.createElement('div');
controlText.style.color = 'rgb(25,25,25)';
controlText.style.fontFamily = 'Roboto,Arial,sans-serif';
controlText.style.fontSize = '14px';
controlText.style.lineHeight = '30px';
controlText.style.paddingLeft = '5px';
controlText.style.paddingRight = '5px';
controlText.innerHTML = 'Remove Location Box';
controlUI.appendChild(controlText);
// 添加控件的点击事件
controlUI.addEventListener('click', function() {
// 移除位置框
// ...
});
}
需要注意的是,以上示例中的CustomControl函数是一个自定义控件的构造函数,可以根据实际需求进行修改和扩展。
推荐的腾讯云相关产品:腾讯地图开放平台。腾讯地图开放平台提供了丰富的地图和位置服务,包括地图展示、地理编码、路径规划、逆地理编码等功能。您可以通过腾讯云地图开放平台官方网站(https://lbs.qq.com/)了解更多信息和产品介绍。
领取专属 10元无门槛券
手把手带您无忧上云