google maps and dart ...

[nickfloros]

Hi

 Been experimenting with google maps and the app works fine on the desktop. However when I deployed it on a mobile device, map panning does not work. Zooming works and you can pan while two fingers are in contact with the screen (?). Also if the map contains active pins you can not interact with them. 

 In order to ensure that the problem is not with my code I created few simple examples 

• Maps as a polymer component https://github.com/nickfloros/ptestmap & deployed on http://mford-gae.appspot.com/map/ptestmap.html.
  
• Simple https://github.com/nickfloros/simplemap & deployed on http://mford-gae.appspot.com/simplemap/ptestmap2.html
  

Please note that the same issues occurs using the maps Javascript API with dart:js.

Running Safari Web inspector on an iphone 5 I was able to get the following stack trace. (see  https://drive.google.com/file/d/0B-3548oLJZ-Td3BTd0lGR2kwVTA/edit?usp=sharing for more details) 

[Error] EventException "dispatchEvent@[native code]

bz

jb

call@[native code]

http://maps.gstatic.com/intl/en_us/mapfiles/api-3/15/6/main.js:16:219

invoke@http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2587:32

dispatchBubbling@http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2535:18

dispatchEvent@http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2489:25

dispatchOriginalEvent@http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2467:25"

invoke (shadow_dom.debug.js, line 2598)

dispatchBubbling (shadow_dom.debug.js, line 2535)

dispatchEvent (shadow_dom.debug.js, line 2489)

dispatchOriginalEvent (shadow_dom.debug.js, line 2467)

Dart & SDK versions are

Dart Editor version 1.1.0.dev_05_06 (DEV)

Dart SDK version 1.1.0-dev.5.6

Any thoughts?

Thanks

Nick

[Nick Floros]

Using  http://mford-gae.appspot.com/map/ptestmap.html on Chrome with user agent set to IOS6 and touch events enabled I get the following errors :

DOMException {message: "An attempt was made to use an object that is not, or is no longer, usable.", name: "InvalidStateError", code: 11, stack: "Error: An attempt was made to use an object that i…/packages/shadow_dom/shadow_dom.debug.js:2467:12)", INDEX_SIZE_ERR: 1…}

1. code: 11
2. message: "An attempt was made to use an object that is not, or is no longer, usable."
3. name: "InvalidStateError"
4. stack: "Error: An attempt was made to use an object that is not, or is no longer, usable.↵ at bz (eval at <anonymous> (http://maps.gstatic.com/intl/en_us/mapfiles/api-3/15/6/main.js:54:2333), <anonymous>:128:322)↵ at $y.(anonymous function).L (eval at <anonymous> (http://maps.gstatic.com/intl/en_us/mapfiles/api-3/15/6/main.js:54:2333), <anonymous>:126:65)↵ at GeneratedWrapper.<anonymous> (http://maps.gstatic.com/intl/en_us/mapfiles/api-3/15/6/main.js:16:219)↵ at invoke (http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2587:28)↵ at dispatchBubbling (http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2535:12)↵ at dispatchEvent (http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2489:9)↵ at HTMLDivElement.dispatchOriginalEvent (http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2467:12)"
5. __proto__: DOMException
1. ABORT_ERR: 20
2. DATA_CLONE_ERR: 25
3. DOMSTRING_SIZE_ERR: 2
4. HIERARCHY_REQUEST_ERR: 3
5. INDEX_SIZE_ERR: 1
6. INUSE_ATTRIBUTE_ERR: 10
7. INVALID_ACCESS_ERR: 15
8. INVALID_CHARACTER_ERR: 5
9. INVALID_MODIFICATION_ERR: 13
10. INVALID_NODE_TYPE_ERR: 24
11. INVALID_STATE_ERR: 11
12. NAMESPACE_ERR: 14
13. NETWORK_ERR: 19
14. NOT_FOUND_ERR: 8
15. NOT_SUPPORTED_ERR: 9
16. NO_DATA_ALLOWED_ERR: 6
17. NO_MODIFICATION_ALLOWED_ERR: 7
18. QUOTA_EXCEEDED_ERR: 22
19. SECURITY_ERR: 18
20. SYNTAX_ERR: 12
21. TIMEOUT_ERR: 23
22. TYPE_MISMATCH_ERR: 17
23. URL_MISMATCH_ERR: 21
24. VALIDATION_ERR: 16
25. WRONG_DOCUMENT_ERR: 4
26. ___dart_dispatch_record_ZxYxX_0_: Object
27. constructor: function DOMException() { [native code] }
28. toString: function toString() { [native code] }
29. __proto__: d

"Error: An attempt was made to use an object that is not, or is no longer, usable. at bz (eval at <anonymous> (http://maps.gstatic.com/intl/en_us/mapfiles/api-3/15/6/main.js:54:2333), <anonymous>:128:322) at $y.(anonymous function).L (eval at <anonymous> (http://maps.gstatic.com/intl/en_us/mapfiles/api-3/15/6/main.js:54:2333), <anonymous>:126:65) at GeneratedWrapper.<anonymous> (http://maps.gstatic.com/intl/en_us/mapfiles/api-3/15/6/main.js:16:219) at invoke (http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2587:28) at dispatchBubbling (http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2535:12) at dispatchEvent (http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2489:9) at HTMLDivElement.dispatchOriginalEvent (http://mford-gae.appspot.com/map/packages/shadow_dom/shadow_dom.debug.js:2467:12)"

With the same settings on https://google-developers.appspot.com/maps/documentation/javascript/examples/full/map-simple works fine

--
You received this message because you are subscribed to the Google Groups "Dart Web Development" group.
To unsubscribe from this group and stop receiving emails from it, send an email to web+uns...@dartlang.org.
Visit this group at http://groups.google.com/a/dartlang.org/group/web/.
To view this discussion on the web visit https://groups.google.com/a/dartlang.org/d/msgid/web/c5feabcb-a8f5-41f9-94e0-82ed1cd0db69%40dartlang.org.