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
|
# Copyright (C) 2009 Daniel Carvalho <idnael@gmail.com>
#
# Licensed under the Apache License, Version 2.0 (the "License");
# you may not use this file except in compliance with the License.
# You may obtain a copy of the License at
#
# http://www.apache.org/licenses/LICENSE-2.0
#
# Unless required by applicable law or agreed to in writing, software
# distributed under the License is distributed on an "AS IS" BASIS,
# WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
# See the License for the specific language governing permissions and
# limitations under the License.
from pyjamas.ui.RootPanel import RootPanel, RootPanelCls
from pyjamas.ui.SimplePanel import SimplePanel
from pyjamas import DOM
from pyjamas.Timer import Timer
from __pyjamas__ import JS
from random import random
from pyjamas.gmaps.Map import Map, MapTypeId, MapOptions
from pyjamas.gmaps.Base import LatLng, LatLngBounds
from pyjamas.gmaps.Marker import Marker, MarkerOptions
from pyjamas.gmaps.InfoWindow import InfoWindow, InfoWindowOptions
class EventClosure(SimplePanel):
def __init__(self):
SimplePanel.__init__(self)
self.setSize('100%', '100%')
options = MapOptions()
options.zoom = 4
options.center = LatLng(-25.363882, 131.044922)
options.mapTypeId = MapTypeId.ROADMAP
# the fitBounds will only work if I do this:
element=JS("""$wnd.document.getElementById("map_canvas")""")
# instead of
#element=self.getElement()
self.map = Map(element, options)
# if I create te map in js, the problem happens anyway!
# The problem is solved if i create the map with $wnd.document.getElementById("map_canvas")!!!
# JS("""
# var myLatlng = new $wnd.google.maps.LatLng(-25.363882,131.044922);
# var myOptions = {
# zoom: 4,
# center: myLatlng,
# mapTypeId: $wnd.google.maps.MapTypeId.ROADMAP
# };
# //this.map=new $wnd.google.maps.Map(this.getElement(), myOptions);
# this.map=new $wnd.google.maps.Map($wnd.document.getElementById("map_canvas"), myOptions);
# var southWest =
# new $wnd.google.maps.LatLng(-31.203405,125.244141);
# var northEast =
# new $wnd.google.maps.LatLng(-25.363882, 131.044922);
# var bounds =
# new $wnd.google.maps.LatLngBounds(southWest, northEast);
# this.map.fitBounds(bounds);
# //this.map.setCenter(southWest)
# """)
# Add 5 markers to the map at random locations
southWest = LatLng(-31.203405, 125.244141)
northEast = LatLng(-25.363882, 131.044922)
bounds = LatLngBounds(southWest, northEast)
print "bounds", bounds
# this is not working well!! it opens the entire world...
self.map.fitBounds(bounds)
lngSpan = northEast.lng() - southWest.lng()
latSpan = northEast.lat() - southWest.lat()
for i in range(0, 5):
location = LatLng(southWest.lat() + latSpan * random(),
southWest.lng() + lngSpan * random())
options = MarkerOptions()
options.position = location
options.map = self.map
marker = Marker(options)
marker.setTitle(str(i + 1))
self.attachSecretMessage(marker, i)
def attachSecretMessage(self, marker, number):
message = ["This", "is", "the", "secret", "message"]
options = InfoWindowOptions()
options.content = message[number]
infoWindow = InfoWindow(options)
marker.addListener('click', lambda: infoWindow.open(self.map, marker))
if __name__ == '__main__':
root = RootPanel()
root.add(EventClosure())
|
