google map api с jquery и bootstrap

-1

Я хочу отметить несколько мест на моей карте. Я нашел часть своего кода в другой теме. но этот код случайно помещает некоторые места. Я хочу отметить определенные места. Как я могу это сделать? это то, что у меня есть сейчас.google map api с jquery и bootstrap

<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <title>Bootstrap Example</title> 
 
    <meta charset="utf-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 
    <link rel="stylesheet" href="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css"> 
 
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script> 
 
    <script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script> 
 
     <script src="https://maps.googleapis.com/maps/api/js?v=3.11&sensor=false" type="text/javascript"></script> 
 
<script type="text/javascript"> 
 
     // check DOM Ready 
 
     $(document).ready(function() { 
 
      // execute 
 
      (function() { 
 
       // map options 
 
       var options = { 
 
        zoom: 5, 
 
        center: new google.maps.LatLng(39.909736, -98.522109), // centered US 
 
        mapTypeId: google.maps.MapTypeId.TERRAIN, 
 
        mapTypeControl: false 
 
       }; 
 

 
       // init map 
 
       var map = new google.maps.Map(document.getElementById('map_canvas'), options); 
 

 
       // NY and CA sample Lat/Lng 
 
       var southWest = new google.maps.LatLng(40.744656, -74.005966); 
 
       var northEast = new google.maps.LatLng(34.052234, -118.243685); 
 
       var lngSpan = northEast.lng() - southWest.lng(); 
 
       var latSpan = northEast.lat() - southWest.lat(); 
 

 
       // set multiple marker 
 
       for (var i = 0; i < 250; i++) { 
 
        // init markers 
 
        var marker = new google.maps.Marker({ 
 
         position: new google.maps.LatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()), 
 
         map: map, 
 
         title: 'Click Me ' + i 
 
        }); 
 

 
        // process multiple info windows 
 
        (function(marker, i) { 
 
         // add click event 
 
         google.maps.event.addListener(marker, 'click', function() { 
 
          infowindow = new google.maps.InfoWindow({ 
 
           content: 'Hello, World!!' 
 
          }); 
 
          infowindow.open(map, marker); 
 
         }); 
 
        })(marker, i); 
 
       } 
 
      })(); 
 
     }); 
 
     </script> 
 
</head> 
 
<body> 
 

 
<div class="col-sm-12"> 
 
<div id="map_canvas" style="width:100%; height:500px;"></div> 
 
</div> 
 

 
</body> 
 
</html>

источник

2015-11-30 NO-ONE_LEAVES_HERE

'вар маркер = новый google.maps.Marker ({ позиции: новый google.maps.LatLng (float1, float2) // плавающего значения like123.45 карты: карта, названия: 'все, что' }); ' –

@ aishwatsingh и как насчет цикла for? –

Изменить этот код:

position: new google.maps.LatLng(southWest.lat() + latSpan * Math.random(), southWest.lng() + lngSpan * Math.random()).

Это позволит установить маркер в случайном положении. Изменение в:

position: new google.maps.LatLng(yourLat, yourLon).

И for петля не должна цикл от 1 до 250. Вы только петли в количестве вашего места нужно добавить маркер.

источник

2015-11-30 08:42:46

google map api с jquery и bootstrap

ответ

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