点击和热点图像放大

时间:2015-12-14 17:16:06

标签: javascript jquery

我有一张大型英国地图,标有多条步行路线。目前,地图被拆分为区域,但步行者要求将地图作为一个整体查看,以便他们可以将路线链接在一起。

然而,路线看起来很小。是否可以在一侧创建一个可点击刻度的地图,然后可以放大地图的某个区域。地图需要可拖动,一旦放大,仍然允许热点。这可能吗?

1 个答案:

答案 0 :(得分:0)

您需要使用 init() 功能初始化地图,并传递必要的参数以启用缩放和拖动等控件。

将此代码添加到您的Google地图页面。

function initMap() {
  var map = new google.maps.Map(document.getElementById('map'), {
    zoom: 4,
    center: {lat: -33, lng: 151},
    mapTypeControl: true,
    mapTypeControlOptions: {
      style: google.maps.MapTypeControlStyle.DROPDOWN_MENU,
      mapTypeIds: [
        google.maps.MapTypeId.ROADMAP,
        google.maps.MapTypeId.TERRAIN
      ]
    }
  });
}

有关其他详细信息,请查看此官方document