Форумы портала PHP.SU :: Версия для печати :: Не получается поставить метку на карту

Страниц (1): [1]

1. algebra - 04 Августа, 2019 - 22:48:57 - перейти к сообщению

Задача:
дать возможность пользователю поставить собственную метку с кратким описанием.

Проблема:
Карта google загружается, метки из базы данных берутся, а функция initialize() почему-то работать не хочет.

Подскажите как подправить этот код?
map.blade.php

Спойлер (Отобразить)

PHP:
скопировать код в буфер обмена

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

MapController.php

Спойлер (Отобразить)

<title>Google Maps - добавление меток пользователями</title>

function initialize() {

if (GBrowserIsCompatible()) {

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) {

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);

{!! $map["html"] !!}

namespace App\Http\Controllers\Site;

use FarhanWazir\GoogleMaps\GMaps;

use App\Http\Controllers\Controller;

class MapController extends Controller

public function map()

$config['center'] = 'Sydney Airport,Sydney';

$config['zoom'] = '13';

$config['map_height'] = '400px';

$config['geocodeCaching'] = true;

$config['directions'] = true;

$config['directionsStart'] = 'Sydney Airport,Sydney';

$config['directionsEnd'] = 'Kogarah Golf Club,Sydney';

$config['directionsDivID'] = 'directionsDiv';

$gmap = new GMaps();

$gmap->initialize($config);

$marker['position'] = 'Sydney Airport,Sydney';

$marker['infowindow_content'] = 'Sydney Airport,Sydney';

$gmap->add_marker($marker);

$marker['position'] = 'Kogarah Golf Club,Sydney';

$marker['infowindow_content'] = 'Kogarah Golf Club,Sydney';

$gmap->add_marker($marker);

$marker['position'] = 'The Lakes Golf Club,Sydney';

$marker['infowindow_content'] = 'The Lakes Golf Club,Sydney';

$gmap->add_marker($marker);

$map = $gmap->create_map();

return view('site.map',compact('map'));

$gmap = new GMaps();

$gmap->initialize($config);

var initialize = function(){

return initMap(parseFloat($("#show-map").attr("data-lat")), parseFloat($("#show-map").attr("data-lng")), $("#show-map").attr("data-title"), true);

$('#show-map').click(function(e){

var active = $(el).attr('data-active');

var key = $(el).attr('data-key');

$(el).text($(el).attr('data-text-show'));

$(el).attr('data-active',0);

$(el).attr('data-active',1);

$(el).text($(el).attr('data-text-hide'));

$( "#map" ).slideToggle( "slow", function() {

function getMapScript(key){

var script = document.createElement('script');

script.type = 'text/javascript';

script.src = '//maps.googleapis.com/maps/api/js?key='+key+'&language=uk&region=UA&callback=initialize';

document.getElementsByTagName('head')[0].appendChild(script);

function initMap(lat, lng, title, drag) {

var myLatLng = {lat: lat, lng: lng};

var map = new google.maps.Map(document.getElementById('map'), {

var marker = new google.maps.Marker({

google.maps.event.addListener(marker, 'dragend', function(marker){

var latLng = marker.latLng;

currentLatitude = latLng.lat();

currentLongitude = latLng.lng();

$('#post-latitude').val(currentLatitude);

$('#post-longitude').val(currentLongitude);

<title>Laravel Google Maps Example</title>

{!! $map["html"] !!}