Google 외부 마커 링크

Question

Google지도를 사용하고 외부 링크 마커를 만들려고합니다. 비동기로로드하고 외부 링크가있는 마커를 만든 다음 마커에 애니메이션을 적용 할 수 있습니다. 내가 가진 것은 꽤 효과적이지는 않지만 가까이 있다고 생각합니다. 나는 또한 이것을/jquery로하는 방법을 궁금해했다. 문제의 일부는 본문 태그에 액세스 할 수 없기 때문에 내가 할 수 없으며 그렇지 않으면 어떻게해야하는지 잘 모르겠다 고 생각합니다. 사람이 링크 및 많은 다른 사람에 명시된 것처럼 당신이지도 플러그인을 사용할 수 있습니다 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); 
}); 
} 

Answer 1

가 :

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