Hi Alicia, the issue you're seeing is that the marker is placed outside of your bounds. We use Google Maps to get the latitude/longitude position of the marker, and Google Maps wants to place the marker in the middle of the region. You will see the region if you change your region to "world". The actual fix that I would suggest to you is that you use displayMode: 'regions' instead of markers.
On Tue Sep 23 2014 at 11:17:25 AM Alicia <[email protected]> wrote: > Hey Sergey and forum, > I am having a problem with my code that is probably pretty simple, I just > can't seem to figure it out, can you help? > > I am trying to create a simple geochart for Canada but cant seem to get NU > up there, even though it is on my list. Here is my code: > > <html> > <head> > <script type='text/javascript' > src='https://www.google.com/jsapi'></script> > <script type='text/javascript'> > google.load('visualization', '1', {'packages': ['geochart']}); > google.setOnLoadCallback(drawMarkersMap); > > function drawMarkersMap() { > var data = google.visualization.arrayToDataTable([ > ['Prov', 'Youth %', 'Overall %'], > ['CA-PE', 51.6, 70.4], > ['CA-NL', 29.6, 53.3], > ['CA-NB', 41.6, 65.6], > ['CA-NS', 37.6, 61.3], > ['CA-QC', 45.0, 63.5], > ['CA-ON', 38.2, 57.6], > ['CA-MB', 31.9, 55.7], > ['CA-SK', 30.1, 59.6], > ['CA-AB', 33.7, 52.3], > ['CA-BC', 39.9, 55.9], > ['CA-YT', 40.2, 62.5], > ['CA-NT', 25.2, 47.4], > ['CA-NU', 14.6, 39.4], > > > > ]); > > var options = { > region: 'CA', > *displayMode**:* *'markers'**,* > colorAxis: {colors: ['red', 'green', 'blue']} > }; > > var chart = new > google.visualization.GeoChart(document.getElementById('chart_div')); > chart.draw(data, options); > }; > </script> > </head> > <body> > <div id="chart_div" style="width: 900px; height: 500px;"></div> > </body> > </html> > > > On Friday, June 28, 2013 11:41:22 AM UTC-4, Bluestreak2k5 wrote: >> >> Ok so I know google Charts doesn't support viewing county data, but I >> would like to know if it would be possible to create my own custom Map that >> would. >> >> Another Google Team has created an experimental App called Fusion Tables. >> Not sure why these 2 aren't integrated, but irrelevant... >> >> They have a Map with all the US counties already mapped out in KML >> located here: >> >> https://www.google.com/fusiontables/DataSource?docid=0IMZAFCwR- >> t7jZnVzaW9udGFibGVzOjIxMDIxNw#rows:id=1 >> >> Could I create a custom map to use this KML data to draw items in Google >> Charts, which from my understanding uses SVG images. >> >> Things I would like to start off with: >> >> Each state would have an option to load its counties (Loading all >> counties as a map would be a long term goal, but seems to be more difficult >> at the moment.) >> >> I could then use the GEO_ID or GEO_ID2 as the unique Identifiers for each >> county, allowing you to map data to each county the way you currently use >> State ISO codes to map to each state. >> >> It could alos look something like US-AL-1001 being the >> country-(State/Region)-(county FIP CODE) to allow for expandability into >> future countries. >> >> Chris >> > -- > You received this message because you are subscribed to the Google Groups > "Google Visualization API" group. > To unsubscribe from this group and stop receiving emails from it, send an > email to [email protected]. > To post to this group, send email to > [email protected]. > Visit this group at > http://groups.google.com/group/google-visualization-api. > For more options, visit https://groups.google.com/d/optout. > -- You received this message because you are subscribed to the Google Groups "Google Visualization API" group. To unsubscribe from this group and stop receiving emails from it, send an email to [email protected]. To post to this group, send email to [email protected]. Visit this group at http://groups.google.com/group/google-visualization-api. For more options, visit https://groups.google.com/d/optout.
