Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / карта гугл marker click / 2 сообщений из 2, страница 1 из 1
21.11.2016, 17:51
    #39351306
antonpolo
antonpolo
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
карта гугл marker click
карта гугл где пользователи могут устанавливать координаты, стаит драгабле пин , не очень удобно перетаскивать пин, да и пользователи всегда кликают и не понимают что пин нужно тянуть скажите как поменять draggable на клик ( что бы при клике на нужно место устанавливался пин).
Код: html
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
18.
19.
20.
21.
22.
23.
24.
25.
26.
27.
28.
29.
30.
31.
32.
33.
34.
35.
36.
37.
38.
39.
40.
41.
42.
43.
44.
45.
46.
47.
48.
49.
50.
51.
52.
53.
54.
55.
56.
57.
58.
59.
60.
61.
62.
63.
64.
65.
66.
67.
68.
69.
70.
71.
72.
73.
74.
75.
76.
77.
78.
79.
80.
81.
82.
83.
84.
85.
86.
87.
88.
89.
90.
91.
92.
93.
94.
95.
96.
97.
98.
99.
100.
101.
102.
103.
104.
105.
106.
107.
108.
109.
110.
111.
112.
113.
114.
115.
116.
117.
118.
119.
120.
121.
122.
123.
124.
125.
126.
127.
128.
129.
130.
131.
132.
<html>
<head>
<meta http-equiv="content-type" content="text/html; utf-8"/>
<meta name="viewport" content="width=device-width, initial-scale=1">

<title></title>
<link rel="stylesheet" href="../style/template_adm.css" type="text/css"/>
<link rel="stylesheet" href="../style/gmap_two.css" type="text/css"/>

    

<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>

<script type="text/javascript">
var address;
var geocoder;
var map;
var marker
var x=25.215825;
var y=55.273611;

<?
if($_GET['adr'])
echo "\n address='".urldecode($_GET['adr'])."';";
else
echo "\n address='Moscow';";
?>


// Карта + передвижной маркер с обновлением координат
function initialize() {
//geocoder = new google.maps.Geocoder();
   var myLatlng = new google.maps.LatLng(x,y);
   var myOptions = {
     zoom: 12,
     center: myLatlng,
     mapTypeId: google.maps.MapTypeId.HYBRID
   }
   document.getElementById('spot-lat').value = x.toFixed(4);
   document.getElementById('spot-longi').value = y.toFixed(4);

   map = new google.maps.Map(document.getElementById("map_canvas"), myOptions);
   
   
   //Добавляем маркер
   marker = new google.maps.Marker({
       position: myLatlng,
       map: map,
       draggable:true,
     
    // drop:true,
   });
   google.maps.event.addListener(
       marker,
       'drag',
       
       
       
       
       
       function() {
           document.getElementById('spot-lat').value = marker.position.lat().toFixed(4);
           document.getElementById('spot-longi').value = marker.position.lng().toFixed(4);
       }
      
   );
   
showAddress(address);
}


// Определяем местоположение по адресу
function showAddress(address) {
   geocoder.geocode( { 'address': address}, function(results, status) {
	if (status == google.maps.GeocoderStatus.OK) {
		map.setCenter(results[0].geometry.location);
		marker.position=results[0].geometry.location;
           document.getElementById('spot-lat').value = marker.position.lat().toFixed(4);
           document.getElementById('spot-longi').value = marker.position.lng().toFixed(4);
		} else {
		alert("Ups something wrong: " + status);
		}
   });
}

 
function save_address() {
	var x = document.getElementById('spot-lat').value;
	var y = document.getElementById('spot-longi').value;
	window.opener.document.getElementById('map_x').value = x;
	window.opener.document.getElementById('map_y').value = y;
	self.close ();
	}


</script>
</head>

<body onload="initialize()" >
<div id="map_canvas" style="width: 700px; height: 520px"></div>
<div id="search_form">
		<form method="post" action="#" onsubmit="showAddress(this.address.value); return false">
		  <p id="blok-gmap2" >DRAG THE PIN ON YOUR LOCATION->PRESS "SAVE" </p>
			<!--<input type="text" size="30" name="address" value="" />
			<input class="submit" type="submit" name="submit1" value="Search" />-->
		</form>
</div>


<div id="coord_form">
		<form name="form2" action="#" onsubmit="save_address(); return false">
		
			<input readonly="1" class="input-medium"   name="lat" id="spot-lat" value="" /><!--
-->
			
		
			<input readonly="1" class="input-medium"  name="longi" id="spot-longi" value="" /><!--
-->
			
			<!--<span class=sp>
			After 
маркера не забудьте
сохранить изменения
			</span>-->
			<!--
-->
			<input class="submit_2gmap" type="submit" name="submit2" value="Save" />
		</form>
</div>

</body>
</html>
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.11.2016, 18:49
    #39351379
hclubmk
hclubmk
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
карта гугл marker click
Код: javascript
1.
   map.addListener('click', function(e) { marker.setPosition(e.latLng); google.maps.event.trigger(marker, 'drag');});
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / карта гугл marker click / 2 сообщений из 2, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]