谷歌地圖API與jQuery和引導

-1

我想標記我的地圖中的多個地方。我在另一個主題中找到了我的代碼的一部分。但該代碼隨機標記了一些地方。我想標記特定的地方。我怎樣才能做到這一點？這是我現在擁有的。谷歌地圖API與jQuery和引導

<!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

谷歌地圖API與jQuery和引導

回答

相關問題