{"id":63905,"date":"2024-06-22T03:01:34","date_gmt":"2024-06-21T17:01:34","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=63905"},"modified":"2024-06-22T09:15:49","modified_gmt":"2024-06-21T23:15:49","slug":"google-chart-image-chart-geojson-issue-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-geojson-issue-tutorial\/","title":{"rendered":"Google Chart Image Chart Geojson Issue Tutorial"},"content":{"rendered":"
\"Google<\/a>

Google Chart Image Chart Geojson Issue Tutorial<\/p><\/div>\n

Do you remember our fears, expressed at Region Picker Popup Menu Tutorial<\/a>, as we were discussing (what used to be)<\/font> the brilliant Google Chart Image Chart functionality … <\/p>\n

\n … and we feel we might have “put the mockers” on ourselves, because, as you may have read, Geo Chart<\/a> Image Chart<\/a> is due for deprecation soon. In fact, the regime at the moment is fewer and fewer hours up, and we’ll have to turn our attention to alternatives. But what out there can do those regional views where the map effectively hugs the bounds of the data … brilliant, and we think hard to do with your normal Google Charts suite of software? As well as the image element result, even though we need to try out the “ready event” normal Google Charts “print” way to achieve this. So much more useful than involving Javascript. And more fun to work with too, it being a conduit to HTML canvas<\/a> usage.\n<\/p><\/blockquote>\n

… regarding it’s imminent demise (and don’t you just hate the word “deprecation”)<\/font>?<\/p>\n

Well, it happened. Where does that leave our integrations regarding Google Chart Image Chart Map Chart we developed with this inhouse PHP interfacing web application<\/a>? Well, lots is still showing, “hoping for redemption”, and the GeoJson button functionality is still intact. That is<\/a>, barring “friendly fire”?!<\/p>\n

Yes, we’re not sure when, but maybe at the time of the recent Google Chart Image Chart Map Chart Mainstream Primer Tutorial<\/a> we may have introduced a bug, and today we’re here to try to remedy that situation. That situation goes …<\/p>\n

    \n
  1. navigate to image_chart.php<\/a><\/li>\n
  2. fill in a comma separated list of ISO 2 character country codes into that first textbox …<\/li>\n
  3. click GeoJson button<\/li>\n<\/ol>\n

    … and it would keep a “cloudy woooorrrrlllllddd map”, alas. We debugged it, using Google Chrome’s web inspector, again<\/a>. The error message, and here the lesson is to believe the “red squiggle underlining parts” …<\/p>\n


    \nfor (xij=0; xij<xars.length; xij++) { areacon=''; if (maybenogood(xars[xij].outerHTML,'FR,DE,BR,CN,US,IN,ID,AU,NZ,EG,ZA',aars[Math.max(0,eval(-3 + xij))].outerHTML).indexOf(<\/span> ... blahde blah<\/i> ...
    \n<\/code><\/p>\n

    … in the context of the presented error …<\/p>\n

    \nTypeError: Cannot read properties of undefined (reading ‘outerHTML’)\n<\/p><\/blockquote>\n

    … prompted us to come up with the amended<\/font> codeline …<\/p>\n


    \nfor (xij=0; xij<xars.length; xij++) { areacon=''; if (aars.length > eval(-3 + xij)) {<\/font> if (maybenogood(xars[xij].outerHTML,'FR,DE,BR,CN,US,IN,ID,AU,NZ,EG,ZA',aars[Math.max(0,eval(-3 + xij))].outerHTML).indexOf( ... blahde blah<\/i> ... }<\/font> ...
    \n<\/code><\/p>\n

    … made things right again in the changed<\/a> rangegeo.php<\/a> PHP helping code for web application GeoJson button logic<\/a>.<\/p>\n

    \n

    \n

    Previous relevant Google Chart Image Chart Map Chart Mainstream Primer Tutorial<\/a> is shown below.<\/p>\n

    \"Google<\/a>

    Google Chart Image Chart Map Chart Mainstream Primer Tutorial<\/p><\/div>\n

    Ever since we discovered the existence of Google Chart<\/a> Image Chart<\/a> Map Charts, the first foray ending with the recent Google Chart Image Chart Map Chart GeoJson Onclick Tutorial<\/a>, we’ve been keen to hive off functionality …<\/p>\n