在Google地图页面加载中打开InfoWindow,可以通过以下步骤实现:
var map = new google.maps.Map(document.getElementById('map'), {
center: {lat: 37.7749, lng: -122.4194}, // 设置地图中心点的经纬度
zoom: 12 // 设置地图缩放级别
});
var marker = new google.maps.Marker({
position: {lat: 37.7749, lng: -122.4194}, // 设置标记的经纬度
title: 'San Francisco', // 设置标记的标题
map: map // 将标记添加到地图上
});
var infoWindow = new google.maps.InfoWindow({
content: 'Hello, San Francisco!' // 设置InfoWindow的内容
});
marker.addListener('click', function() {
infoWindow.open(map, marker); // 在点击标记时打开InfoWindow
});
通过以上步骤,当用户点击标记时,地图页面会加载并显示InfoWindow,其中包含指定的内容。这种方法适用于在Google地图页面上显示自定义的信息窗口,例如显示地点的详细信息、图片、链接等。
腾讯云相关产品和产品介绍链接地址:
领取专属 10元无门槛券
手把手带您无忧上云