googlemaps.ejs
2.2 KB
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
<html>
<meta charset="utf-8">
<head>
<body>
<form href='/second/what'><div><label>구 입력: </label><input type="text" ,="" name="gu"></div>
<div><label>도로명 입력: </label><input type="text" ,="" name="dong"></div>
</form>
<a href="/second/what"><button>두번째 페이지로 이동</button></a>
<script
src="http://maps.googleapis.com/maps/api/js">
</script>
</body>
<script>
var map;
var Seoul = new google.maps.LatLng(37.551920, 126.994615);
// Add a Home control that returns the user to Suwon
function HomeControl(controlDiv, map) {
controlDiv.style.padding = '5px';
var controlUI = document.createElement('div');
controlUI.style.backgroundColor = 'yellow';
controlUI.style.border='1px solid';
controlUI.style.cursor = 'pointer';
controlUI.style.textAlign = 'center';
controlUI.title = 'Set map to Seoul';
controlDiv.appendChild(controlUI);
var controlText = document.createElement('div');
controlText.style.fontFamily='Arial,sans-serif';
controlText.style.fontSize='12px';
controlText.style.paddingLeft = '4px';
controlText.style.paddingRight = '4px';
controlText.innerHTML = '<b>Home<b>'
controlUI.appendChild(controlText);
// Setup click-event listener: simply set the map to Suwon
google.maps.event.addDomListener(controlUI, 'click', function() {
map.setCenter(Seoul, 37.551920, 127.994615)
});
}
function initialize() {
var mapDiv = document.getElementById('googleMap');
var myOptions = {
zoom: 12,
center: Seoul,
mapTypeId: google.maps.MapTypeId.ROADMAP
}
map = new google.maps.Map(mapDiv, myOptions);
// Create a DIV to hold the control and call HomeControl()
var homeControlDiv = document.createElement('div');
var homeControl = new HomeControl(homeControlDiv, map);
// homeControlDiv.index = 1;
map.controls[google.maps.ControlPosition.TOP_RIGHT].push(homeControlDiv);
}
google.maps.event.addDomListener(window, 'load', initialize);
$(document).ready(function(){
$("button#searchButton").click(function(){
var name = $("input").val();
location.href = "http://127.0.0.1:8888/test/" + name;
})
});
</script>
</head>
<body>
<div id="googleMap" style="width:700px;height:500px;"></div>
</body>
</html>