I am trying to use google.maps.visualization.HeatmapLayer in a polymer
element that includes <google-map> by every I tried to create a new map
object
<link rel="import" href="../../bower_components/polymer/polymer.html>
<link rel="import" href="../../bower_components/google-map/google-map.html>
<dom-module is="heat-map">
<template>
<google-map longitude="...." latitude="..."></google-map>
</tempalate>
<script>
Polymer({is:"heat-map",
ready: function() {
var cpos = new google.maps.LatLng (....., .....);
var hmap = new google.maps.visualization.HeatmapLayer(.....);
}
);
</script>
</dom-module>
I always get the error "google" (in undefined) at the lines new.google.maps
......
What I'd like to do is actually to extend my heat-map from google-map:
<dom-module is="heat-map" extends="google-map">
</dom-module>
but the online documentation
<https://www.polymer-project.org/1.0/docs/devguide/registering-elements.html>
states that (currently) we can extend only native HTML elements.
Follow Polymer on Google+: plus.google.com/107187849809354688692
---
You received this message because you are subscribed to the Google Groups
"Polymer" group.
To unsubscribe from this group and stop receiving emails from it, send an email
to [email protected].
To view this discussion on the web visit
https://groups.google.com/d/msgid/polymer-dev/abb6f275-9134-430f-984d-63973365f88d%40googlegroups.com.
For more options, visit https://groups.google.com/d/optout.
