проблема при добавлении события click в геолокации

Я работаю над HTML5 и javascript. и я разрабатываю приложение, которое находит местоположение пользователя, используя карту google, и я пытаюсь добавить событие щелчка в местоположение пользователя, чтобы при нажатии они нажимают сообщение «нажмите здесь», они должны быть перенаправлены на новую страницу html , любая помощь или идея будут оценены.проблема при добавлении события click в геолокации

и вот мой код:

  <!DOCTYPE html> 
     <html> 
     <head> 
    <title>Getting Geolocation for Weather Details</title> 
     <meta name="viewport" content="initial-scale=1.0, user-scalable=no"> 
     <meta charset="UTF-8"> 
     <style type="text/css"> 
     html, body { 
    height: 100%; 
    margin: 0; 
    padding: 0; 
    } 
    #map_canvas { 
    height: 100%; 
    } 

    @media print { 
    html, body { 
     height: auto; 
    } 

    #map_canvas { 
     height: 650px; 
    } 
     } 
     </style> 
     <script type="text/javascript" src="https://maps.googleapis.com/maps/api/js?sensor=true"></script> 
     <script type="text/javascript"> 
    var map; 

     function initialize() { 
    var myOptions = { 
     zoom: 16, 
     mapTypeId: google.maps.MapTypeId.ROADMAP 
    }; 
     map = new google.maps.Map(document.getElementById('map_canvas'), 
     myOptions); 

    // Try HTML5 geolocation 
    if(navigator.geolocation) { 
     navigator.geolocation.getCurrentPosition(function(position) { 
     var pos = new google.maps.LatLng(position.coords.latitude, 
             position.coords.longitude); 

     var infowindow = new google.maps.InfoWindow({ 
      map: map, 
      position: pos, 
      content: 'click here' 
     }); 

     map.setCenter(pos); 
     }, function() { 
     handleNoGeolocation(true); 
     }); 
    } else { 
     // Browser doesn't support Geolocation 
     handleNoGeolocation(false); 
     } 
     } 

      function handleNoGeolocation(errorFlag) { 
    if (errorFlag) { 
     var content = 'Error: The Geolocation service failed.'; 
    } else { 
     var content = 'Error: Your browser doesn\'t support geolocation.'; 
    } 

    var options = { 
     map: map, 
     position: new google.maps.LatLng(60, 105), 
     content: content 
    }; 

    var infowindow = new google.maps.InfoWindow(options); 
    map.setCenter(options.position); 
     } 

     google.maps.event.addDomListener(window, 'load', initialize); 
     </script> 
    </head> 
    <body> 
    <div id="map_canvas"></div> 
     </body> 
    </html>

источник

2013-09-12 Boom Boom

Нажмите «нажмите здесь», чтобы перейти на следующую страницу? –

есть. Это верно. следующая страница - index.html. Поэтому, когда я нажимаю этот клик, он должен перейти на страницу index.html. –

ли эта помощь?

Заменить текст анкером.

использование content : '<a href="https://www.google.com">click here<a>' вместо content : 'click here' как в -

var infowindow = new google.maps.InfoWindow({ 
    map : map, 
    position : pos, 
    content : '<a href="https://www.google.com">click here<a>' 
});

В вашем случае вы можете поставить ссылку на страницу вместо https://www.google.com.

источник

2013-09-12 11:40:57

Прохладный. Большое спасибо за решение Moazzam. Но есть ли способ, как мы можем щелкнуть, как обычные интерактивные события. которые мы обычно делаем на картах Google? –

Извините, я не очень хорошо знаком с API-интерфейсом Google Maps, поэтому пока не могу ответить на него, но вы можете дать '' some 'id' и добавить на него кнопку прослушивания. –

проблема при добавлении события click в геолокации

ответ

Смежные вопросы