【问题标题】:Google maps external marker link谷歌地图外部标记链接
【发布时间】:2012-10-16 20:08:13
【问题描述】:

我正在使用谷歌地图并尝试制作一些外部链接标记。我正在使用异步加载它,然后尝试制作具有外部链接的标记,然后可以单击这些链接以动画到标记。我所拥有的不是很有效,但我认为它已经接近了。我也想知道如何使用 jquery 来做到这一点?我认为部分问题是我无法访问 body 标签,所以我不能这样做,我不知道该怎么做。

function initialize() {
    var mapOptions = {
      zoom: 8,
      center: new google.maps.LatLng(-34.397, 150.644),
      mapTypeId: google.maps.MapTypeId.ROADMAP
    };

    var map = new google.maps.Map(document.getElementById('map_canvas'),
        mapOptions);
  }

  function loadScript() {
    var script = document.createElement('script');
    script.type = 'text/javascript';
    script.src = 'https://maps.googleapis.com/maps/api/js?sensor=false&' +
        'callback=initialize';
    document.body.appendChild(script);
  }

  window.onload = loadScript;



var marker1;
var marker2;

function initialize() { 
var latlng = new google.maps.LatLng(26.032260, 50.514686); 
var myOptions = { 
  zoom: 15, 
  center: latlng, 
  mapTypeId: google.maps.MapTypeId.HYBRID
}; 

var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 

var infowindow = new google.maps.InfoWindow(); 

marker1 = new google.maps.Marker({ position: new 
google.maps.LatLng(41.569690, 2.257090), map: map, title: 'Barcelona' }); 
google.maps.event.addListener(marker1, 'click', function() { 
  infowindow.setContent('Spanish Grand Prix'); 
  infowindow.open(map, marker1); 
}); 

marker2 = new google.maps.Marker({ position: new 
google.maps.LatLng(31.338463, 121.220355), map: map, title: 'Shanghai'}); 
google.maps.event.addListener(marker2, 'click', function() { 
  infowindow.setContent('Chinese Grand Prix'); 
  infowindow.open(map, marker2); 
}); 
}

【问题讨论】:

  • 为什么你不能访问身体标签,你所说的“动画标记”是什么意思(我看过一些标记“跳舞”的例子。你在找类似的东西?)?
  • 抱歉,不清楚,我无权访问它,因为公司正在使用阻止此访问的内容管理系统,这就是为什么我不能使用 jquery 地图脚本。该部门无论如何都想要这个功能,所以这就是原因。通过动画我的意思是你点击链接和地图移动到那个标记。

标签: jquery google-maps-api-3 google-maps-markers


【解决方案1】:

使用 JQuery,您可以使用任何地图插件,例如此链接中所述的插件以及许多其他插件:

http://slodive.com/web-development/15-jquery-google-map-plugins/

【讨论】:

  • 抱歉,不清楚,我无权访问它,因为公司正在使用阻止此访问的内容管理系统,这就是为什么我不能使用 jquery 地图脚本。该部门无论如何都想要这个功能,所以这就是原因。通过动画我的意思是你点击链接和地图移动到那个标记。
猜你喜欢
  • 1970-01-01
  • 1970-01-01
  • 2013-01-09
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2011-07-16
  • 1970-01-01
  • 2020-02-04
相关资源
最近更新 更多