2010-05-08 5 views
11

मेरे पास दो मार्करों वाला नक्शा है।Google मानचित्र API V3: मानचित्र के बाहर से किसी विशिष्ट मार्कर पर कैसे कूदें?

मानचित्र का प्रारंभिक दृश्य केवल एक मार्कर दिखाता है, और मैं मानचित्र के बगल में एक लिंक प्रदान करना चाहता हूं जो क्लिक करते समय मानचित्र को दूसरे मार्कर पर ले जायेगा।

यहाँ, मैं क्या चाहते का एक डेमो है एपीआई के वी 2 का उपयोग कर:

<script type="text/javascript"> 
     function initialize() { 
     var latlng = new google.maps.LatLng(50.823817, -0.135634); 
     var myOptions = { 
      zoom: 13, 
      center: latlng, 
      mapTypeId: google.maps.MapTypeId.ROADMAP, 
      mapTypeControlOptions: { 
       style: google.maps.MapTypeControlStyle.DROPDOWN_MENU 
       } , 
       scaleControl: false 
      }; 

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

    // 1st marker 
    var marker1 = new google.maps.Marker({ position: new google.maps.LatLng(50.823817, -0.135634), map: map, title: 'my title' }); 
    var infowindow = new google.maps.InfoWindow({ content: 'my window content' }); 
    google.maps.event.addListener(marker1, 'click', function() { infowindow.open(map, marker1); }); 

    // 2nd marker 
    var marker2 = new google.maps.Marker({ position: new google.maps.LatLng(51.5262405, -0.074549), map: map, title: 'my 2nd title'}); 
    var infowindow2 = new google.maps.InfoWindow({ content: 'content for my 2nd window' }); 
    google.maps.event.addListener(marker2, 'click', function() { infowindow2.open(map, marker2); }); 
    } 
    </script> 

तो क्या मैं चाहता हूँ: http://arts.brighton.ac.uk/contact-university-of-brighton-faculty-of-arts (मानचित्र नीचे दिए गए लिंक पर ध्यान दें)

यहाँ मैं अब तक राशि है जोड़ने के लिए marker2 का एक लिंक है, मानचित्र को कुछ 50-मील मील ऊपर ले जाने के लिए, उदा। <a href="#marker2">Second location</a>

मैं यह कैसे करूँगा?

संपादित करें:

उत्तर

14

उपयोग addDomListener कि कि मार्कर के लिए नक्शे पर आ जाएगा (आप भी तो आप कोड में यह संदर्भित कर सकते हैं लिंक टैग करने के लिए एक आईडी जोड़ने की आवश्यकता होगी) लिंक के लिए क्लिक करें घटना जोड़ने के लिए : एक प्रारंभ समारोह में घटना सेट करें:

<head> 
    <script type="text/javascript"> 
    function initialize() { 
     var myLatlng = new google.maps.LatLng(-34.397, 150.644); 
     var myOptions = { 
     zoom: 8, 
     center: myLatlng, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
     } 
     var map = new google.maps.Map(document.getElementById("map_canvas"), myOptions); 
     var marker2 = new google.maps.Marker({ position: new google.maps.LatLng(51.5262405, -0.074549), map: map, title: 'my 2nd title'}); 
     google.maps.event.addDomListener(document.getElementById("linkID"), "click", function(ev) { 
     map.setCenter(marker2.getPosition()); 
     } 
    } 
    </script> 
</head> 
<body style="margin:0px; padding:0px;" onload="initialize()"> 
    <a href="javascript:function() { return false; }" id="location2">Second place</a> 
    <div id="map_canvas" style="width:100%; height:100%"></div> 
</body> 
2

मैं Google मानचित्र के लिए Circle overlay as a marker पाने के लिए पर इस लेख पाया। आशा करता हूँ की ये काम करेगा!