Question

我正在使用谷歌地图并尝试制作一些外部链接标记。我正在使用异步加载它，然后尝试制作具有外部链接的标记，然后可以单击这些标记以设置标记的动画。我所拥有的并不是很有效，但我认为它很接近。我也想知道如何用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); 
}); 
}

Answer 1

使用JQuery，您可以使用任何Maps插件，例如此链接中说明的插件和其他许多插件：

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

Google会映射外部标记链接

1 个答案: