Javascript error is: Uncaught TypeError: Cannot read property 'lat' of
undefined
Do I have to add these '[' at the beginning and '']' at the end like in
javascript?
Anyway with or without the error is the same.
Here is the get_locations result:
"[{title: 'In collina 26 a salire e 600 a scendere',link:
'/tour?event_id=27',location: {lat: 45.07540059617286, lng:
7.729324682861261}},{title: 'Giro sul Musin\u00e9',link:
'/tour?event_id=26',location: {lat: 45.10739452807225, lng:
7.481788977294855}},{title: 'Tour de la Roccasera',link:
'/tour?event_id=25',location: {lat: 43.86517295729843, lng:
7.2934039721833415}},{title: 'Fortezza Chaberton',link:
'/tour?event_id=28',location: {lat: 44.9818161, lng:
6.798535300000026}},{title: 'Giro cittadino a Torino',link:
'/tour?event_id=7',location: {lat: 45.070309, lng:
7.686580999999933}},{title: 'Giro nel Canavese',link:
'/tour?event_id=12',location: {lat: 45.24897009652526, lng:
7.71885333886712}},]"
Il giorno martedì 6 settembre 2016 16:42:24 UTC+2, Massimo Di Pierro ha
scritto:
>
> definitively you want
>
> def get_locations():
> return response.json(locations)
>
> and
>
> $.getJSON instead of $.get.
>
> which those changes what errors do you get?
>
> On Monday, 5 September 2016 15:51:44 UTC-5, Gael Princivalle wrote:
>>
>> Thanks Dave.
>>
>> However I'm still having trouble.
>>
>> With that script in the view google maps API load my all locations:
>> I build a Javascript object.
>> var locations = [
>> {{for event in events:}}
>> {title: '{{=event.title}}',
>> link: '{{=URL('default', 'mtb_tour',
>> vars=dict(event_id=event.id))}}',
>> location: {lat: {{=event.latitude}}, lng: {{=event.
>> longitude}} }},
>> {{pass}}
>> ];
>>
>> What I would like to do it to update theses locations when the user
>> change the map view.
>> So when the map is in idle I would like to get all locations from the new
>> bounds. I've not set yet the new bounds test with getBounds()as I'm
>> still in trouble for getting data.
>> map.addListener("idle", function(){
>> hideListings();
>> $.get("{{=URL('default', 'get_locations')}}", function(
>> locations,status) {
>> //alert("Data: " + locations + "\nStatus: " +
>> status);
>> for (var i = 0; i < locations.length; i++) {
>> // Get the position from the location array.
>> var position = locations[i].location;
>> var title = locations[i].title;
>> var link = locations[i].link;
>> // Create a marker per location, and put into
>> markers array.
>> var marker = new google.maps.Marker({
>> position: position,
>> title: title,
>> link: link,
>> animation: google.maps.Animation.DROP,
>> icon: defaultIcon,
>> id: i
>> });
>> // Push the marker to our array of markers.
>> markers.push(marker);
>> // Create an onclick event to open the large
>> infowindow at each marker.
>> marker.addListener('click', function() {
>> populateInfoWindow(this, largeInfowindow);
>> });
>> // Two event listeners - one for mouseover, one
>> for mouseout,
>> // to change the colors back and forth.
>> marker.addListener('mouseover', function() {
>> this.setIcon(highlightedIcon);
>> });
>> marker.addListener('mouseout', function() {
>> this.setIcon(defaultIcon);
>> });
>> }
>> showListings();
>> });
>> });
>>
>>
>> Here is in my controller the get_locations function:
>> def get_locations():
>> events = db(db.events.id>0).select()
>> locations= '['
>> for event in events:
>> locations += "{title: '" + event.title + "',"
>> locations += "link: '" + URL('default', 'mtb_tour', vars=dict(
>> event_id=event.id)) + "',"
>> locations += "location: {lat: " + event.latitude + ", lng: " +
>> event.longitude + "}},"
>> locations+= ']'
>> return locations
>>
>> Like that it return a string, and not a Javascript object.
>> So the Javascript error is 'Cannot read property 'lat' of undefined'
>>
>> I've tried to communicate also with Json. If I've understand it's a data
>> format like in Javascript.
>> If I substitute in the javascript:
>> $.get
>> by
>> $.getJson
>>
>> and in the controller:
>> return locations
>> by
>> return response.json(locations)
>>
>> Javascript error still the same.
>>
>> Can someone give me a hand?
>>
>> Thanks.
>>
>> Il giorno sabato 6 agosto 2016 01:14:43 UTC+2, Dave S ha scritto:
>>>
>>>
>>>
>>> On Friday, August 5, 2016 at 2:26:51 PM UTC-7, Gael Princivalle wrote:
>>>>
>>>> Hello.
>>>>
>>>> I would like to update a javascript array by ajax, keeping the data
>>>> into the db.
>>>> We talk about markers data for Google maps.
>>>>
>>>> Here is how I load the data when the page is loaded.
>>>> var locations = [
>>>> {{for event in events:}}
>>>> {title: '{{=event.title}}',
>>>> link: '{{=URL('default', 'show_event', vars=dict(id=
>>>> event.id))}}',
>>>> location: {lat: {{=event.latitude}}, lng: {{=event.
>>>> longitude}} }},
>>>> {{pass}}
>>>> ];
>>>>
>>>> If the user change in a form some criteria like event date or event
>>>> type, I would like to update the markers dynamically, without a page
>>>> reload.
>>>>
>>>> Can I do it by ajax?
>>>>
>>>> Thanks.
>>>>
>>>>
>>> Are you trying to update the client, or update the server? In either
>>> case, the answer seems to be yes. In addition to the LOAD helper, there's
>>> some conversations around here about jquery. I thought I had seen a more
>>> direct answer recently, but I can't put my finger on it. But have a look
>>> at
>>>
>>> <URLhttps://groups.google.com/d/msg/web2py/m0wrV8fK4dE/7Uhw7Vs8AwAJ>
>>>
>>> Massimo's discussion of Collection+JSON might be helpful, too.
>>> <URL:https://groups.google.com/d/msg/web2py/WN9yzLIfi6M/mFEAOySVSH4J>
>>>
>>> /dps
>>>
>>>
>>>
>>>
>>>
>>>
>>
--
Resources:
- http://web2py.com
- http://web2py.com/book (Documentation)
- http://github.com/web2py/web2py (Source code)
- https://code.google.com/p/web2py/issues/list (Report Issues)
---
You received this message because you are subscribed to the Google Groups
"web2py-users" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
For more options, visit https://groups.google.com/d/optout.
