<ｓｃｒｉｐｔ>
function initMap() {// 创建地图对象const map = new google.maps.Map(document.getElementById('map'), {center: new google.maps.LatLng(30.253200, 120.168100),zoom: 10});// 定义民宿标记图标const markerIcon = {path: 'M12.5,11.5 C10.6192881,11.5 9.25,10.1307119 9.25,8.25 C9.25,6.36928813 10.6192881,5 12.5,5 C14.3807119,5 15.75,6.36928813 15.75,8.25 C15.75,10.1307119 14.3807119,11.5 12.5,11.5 Z',fillColor: 'ff0000',fillOpacity: 1,strokeColor: 'ffffff',strokeWeight: 2,scale: 1};// 获取民宿数据const 民宿 = [{name: '乌镇民宿',address: '浙江省嘉兴市桐乡市乌镇西栅景区',lat: 30.766100,lng: 120.646600},{name: '苏州民宿',address: '江苏省苏州市姑苏区平江路',lat: 31.304400,lng: 120.612500},{name: '杭州民宿',address: '浙江省杭州市西湖区杨公堤',lat: 30.239100,lng: 120.124100},{name: '绍兴民宿',address: '浙江省绍兴市越城区仓桥直街',lat: 30.042700,lng: 120.576900},{name: '南京民宿',address: '江苏省南京市秦淮区夫子庙',lat: 32.043600,lng: 118.780300}];// 设置民宿标记民宿.forEach(民宿 => {const marker = new google.maps.Marker({position: new google.maps.LatLng(民宿.lat, 民宿.lng),icon: markerIcon,map: map,title: 民宿.name,address: 民宿.address});// 创建信息窗口const infoWindow = new google.maps.InfoWindow({content: `
`});// 添加鼠标悬停事件marker.addListener('mouseover', () => {infoWindow.open(map, marker);});// 添加鼠标离开事件marker.addListener('mouseout', () => {infoWindow.close();});});}window.initMap = initMap;
本文由:成都民宿于(2024-11-05)发表了关于
附近民宿预订 (附近民宿预订app)的文章
。如转载请注明出处：http://www.cdcy-mail.com
如果您对此感兴趣,可以通过以下联系方式与我们联系：
成都区销售
重庆区销售
云贵区销售
华南区销售
华北区销售
华东区销售
华为企业邮箱销售热线：400-0828-083
