0

Google マップを使用して、外部リンク マーカーを作成しようとしています。非同期でロードしてから、クリックしてマーカーにアニメーション化できる外部リンクを持つマーカーを作成しようとしています。私が持っているものはあまり機能していませんが、近いと思います。jqueryでこれを行う方法も疑問に思っていましたか？問題の一部は、ボディタグにアクセスできないため、実行できず、それ以外の方法がわからないことだと思います。

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); 
}); 
}
4

1 に答える 1

0

JQuery を使用すると、このリンクに記載されているものや他の多くのプラグインなど、マップ プラグインを使用できます。

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

于 2012-10-16T20:56:42.527 に答える