Javascript.RU

Создать новую тему Ответ
 
Опции темы Искать в теме
  #1 (permalink)  
Старый 25.07.2017, 21:16
Новичок на форуме
Отправить личное сообщение для bananamen Посмотреть профиль Найти все сообщения от bananamen
 
Регистрация: 25.07.2017
Сообщений: 6

Помогите плиз с кодом api
Собственно есть код, лежит в отдельном файле, выводящий гугл карту на страничку. Пользователь может отмечать радиус на карте, все прекрасно работает.
Я в js плохо разбираюсь, не могу понять как отправить данные из этого файла для записи в бд. Функцию гет отправки знаю, сам код не получается построить... помогите пожалуйста кто может ....

нужны данные радиус и центр ....





var map, circle, circleOptions, setCenter, marker;

function initialize() {
    var myLatlng = new google.maps.LatLng(56.0671925, 92.9288858); //Kiev
    var myOptions = {
        zoom: 9,
        center: myLatlng,
        mapTypeId: google.maps.MapTypeId.HYBRID
    }
    map = new google.maps.Map(document.getElementById("my_map"), myOptions);
    
    setCenter = true;
    
    circleOptions = {
        fillColor:"#00AAFF",
        fillOpacity:0.5,
        strokeColor:"#FFAA00",
        strokeOpacity:0.8,
        strokeWeight:2,
        clickable:false
    }

    google.maps.event.addListener(map, 'click', function(event) {
        if (setCenter) {
            if (marker != undefined) {
                marker.setMap(null);
            }
			marker = new google.maps.Marker({
				position:event.latLng,
				clickable:false
			});
			marker.setMap(map);
            circleOptions.center = event.latLng;
            setCenter = false;
        }
        else {
            //рассчитываем расстояние между точками
            var radius = distHaversine(circleOptions.center, event.latLng)
            circleOptions.radius = radius*1000;
            if (circle != undefined) {
                circle.setMap(null);
            }
            circle = new google.maps.Circle(circleOptions);
            circle.setMap(map);
            setCenter = true;
        }
    });
}
  
function loadScript() {
    var script = document.createElement("script");
    script.src = "http://maps.google.com/maps/api/js?sensor=false&callback=initialize";
    document.body.appendChild(script);
}

//http://stackoverflow.com/questions/1502590/calculate-distance-between-two-points-in-google-maps-v3
rad = function(x) {return x*Math.PI/180;}

distHaversine = function(p1, p2) {
    var R = 6371; // earth's mean radius in km
    var dLat  = rad(p2.lat() - p1.lat());
    var dLong = rad(p2.lng() - p1.lng());
    
    var a = Math.sin(dLat/2) * Math.sin(dLat/2) +
            Math.cos(rad(p1.lat())) * Math.cos(rad(p2.lat())) * Math.sin(dLong/2) * Math.sin(dLong/2);
    var c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1-a));
    var d = R * c;
    
    return d.toFixed(3);
	
	
	
	
	
	
	
	
	
	
}

window.onload = loadScript;
Ответить с цитированием
  #2 (permalink)  
Старый 25.07.2017, 21:30
Новичок на форуме
Отправить личное сообщение для bananamen Посмотреть профиль Найти все сообщения от bananamen
 
Регистрация: 25.07.2017
Сообщений: 6

возможно не совсем объяснил понятно.... Сам скрипт запускаю так
<div id="my_map" style="width:600px;height:400px"></div>


get запрос вроде понятно как делать, не могу понять какие именно переменные или правильнее объекты отправлять... Сам скрипт работает так. пользователь ставит 2 точки кликом , первая точка это центр ее координаты центр окружности, 2 точка это уже радиус.
Ответить с цитированием
Ответ



Опции темы Искать в теме
Искать в теме:

Расширенный поиск


Похожие темы
Тема Автор Раздел Ответов Последнее сообщение
Не могу найти ошибку. помогите плиз uuusseerr Серверные языки и технологии 1 26.10.2016 10:44
помогите разобраться с кодом Mc'Intosh (X)HTML/CSS 3 25.03.2015 10:20
Помогите с мелкой проблемой плиз! first18 Элементы интерфейса 0 14.06.2014 16:42
History API. Помогите решить проблему InviS Events/DOM/Window 2 16.10.2011 14:34
Помогите плиз mesq Оффтопик 6 28.06.2010 04:58