Форумы портала PHP.SU

 
 
 
<html>
<head>
 
<meta http-equiv="content-type" content="text/html; charset=utf-8"/>
<title>Google Maps - добавление меток пользователями</title>
{!! $map["js"] !!}
 
 
<script src = "https://ajax.googleapis.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script type="text/javascript">
 
var marker;
 
function initialize() {
if (GBrowserIsCompatible()) {
var map = new GMap2(document.getElementById("map_canvas"));
        var map = new GMap2(document.getElementById("map_canvas"));
        map.setCenter(new GLatLng(56.32811,44.0), 15);
              map.addControl(new GLargeMapControl());
         map.addControl(new GMapTypeControl());
 
        GEvent.addListener(map, "click", function(overlay, latlng) {
          if (latlng) {
            marker = new GMarker(latlng, {draggable:true});
            GEvent.addListener(marker, "click", function() {
              var html = "<table>" +
                         "<tr><td>Наименование:</td> <td><input type='text' id='name'/> </td> </tr>" +
                         "<tr><td>Адрес:</td> <td><input type='text' id='address'/></td> </tr>" +
                         "<tr><td>Тип:</td> <td><select id='type'>" +
                         "<option value='bar' SELECTED>Работа</option>" +
                         "<option value='restaurant'>Дом</option>" +
                         "<option value='cafe'>Дача</option>" +
                         "</select> </td></tr>" +
                         "<tr><td></td><td><input type='button' value='Сохранить' onclick='saveData()'/></td></tr></form>";
 
              marker.openInfoWindow(html);
            });
            map.addOverlay(marker);
          }
        });
 
      }
    }
 
    
    </script>
 
  </head>
 
  <body onload="initialize()" onunload="GUnload()">
    
    
 
    <div class="container">
          <script src="https://maps.googleapis.com/maps/api/js?key=secret"></script>
            {!! $map["html"] !!}
            
         <div id="directionsDiv"></div> 
        <div id="map_canvas" style="width: 800px; height: 600px"></div>
            <div id="message"></div> 
    
         
    </div>
    
  </body>
 
</html>
 
Спойлер (Отобразить)