{"id":62151,"date":"2024-01-02T03:01:33","date_gmt":"2024-01-01T17:01:33","guid":{"rendered":"http:\/\/www.rjmprogramming.com.au\/ITblog\/?p=62151"},"modified":"2024-01-02T17:34:56","modified_gmt":"2024-01-02T07:34:56","slug":"google-chart-image-chart-map-chart-geo-chart-click-tutorial","status":"publish","type":"post","link":"https:\/\/www.rjmprogramming.com.au\/ITblog\/google-chart-image-chart-map-chart-geo-chart-click-tutorial\/","title":{"rendered":"Google Chart Image Chart Map Chart Geo Chart Click Tutorial"},"content":{"rendered":"
\"Google<\/a>

Google Chart Image Chart Map Chart Geo Chart Click Tutorial<\/p><\/div>\n

Onto yesterday’s Google Chart Image Chart Map Chart Mainstream Interfacing Tutorial<\/a> plan of attack, today we need to add a fourth spoke<\/font>, if you will …<\/p>\n

\n
    \n
  1. Help itself … map.php … phase 1<\/li>\n
  2. Redirect to Image Chart Map Chart … map.php and\/or geo_chart.php … just after first prompt … phase 2<\/li>\n
  3. Caller form method=POST map.php action interventions at onsubmit event … non map.php … phase 3<\/li>\n
  4. Transfer the onclick prompt window functionality over to geo_chart.php … phase 4<\/font><\/li>\n<\/ol>\n<\/blockquote>\n

    … so that the user has a new way to access these geographical latitude and longitude based functionalities.<\/p>\n

    This involved getting in behind the “used to be” way the SVG circle markers were created and attend to both …<\/p>\n

      \n
    1. an amended onclick logic set appears everytime now, if argument onclick<\/i> is set<\/font>, rather than just when a marker was associated with a URL, using a new data-svggeo<\/i> global data attribute<\/font>, and when clicked for those non-URL scenarios show the new Javascript prompt window menu … and …<\/li>\n
    2. adjust the way a title attribute was included in the SVG in favour of an SVG title element version, so that a tooltip displays for non-mobile platform markers, when hovering over them<\/li>\n<\/ol>\n

      <?php
      \n
      \n if (isset($_GET['aregeographicals'])) {
      \n $gare=$_GET['aregeographicals'];
      \n $ugare=urldecode($gare);
      \n if ($ugare == \"Y\") {
      \n $ugare=expandh($GETdata);
      \n }
      \n if (strpos(strtolower($ugare), \"http\") !== false || isset($_GET['onclick'])<\/font>) {
      \n $upa=wlook($ugare);
      \n \/\/echo ' alert(\"' . $upa . '\"); ';
      \n \/\/exit;
      \n $gsis=explode(\",\",$upa);
      \n $igsis=0;
      \n if (strpos(strtolower($gsis[0]), \"http\") === false) {
      \n for ($jgsis=1; $jgsis<sizeof($gsis); $jgsis++) {
      \n if ($igsis == 0 && strpos(strtolower($gsis[$jgsis]), \"http\") !== false) {
      \n $igsis=$jgsis;
      \n }
      \n }
      \n }
      \n echo \"\\n var froma=['<circle ','><\/circle>',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], toa=['<circle ','><\/circle>',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], igsis=0, localgdis=(\\\"\" . $GETdata . \"\\\").split(']'), localgsis=(\\\"\" . $upa . \"\\\").split(','), peninfo=(\\\"\" . $upa . \"\\\").split(','); \\n gsis=(\\\"\" . $upa . \"\\\").split(','); \\n gdis=(\\\"\" . $GETdata . \"\\\").split(']'); \\n\";
      \n if (isset($_GET['peninfo'])) {
      \n echo \"\\n peninfo=(\\\"\" . $_GET['peninfo'] . \"\\\").replace(\/\\,\\ \/g,',+').split(','); for (var pjgs=0; pjgs<peninfo.length; pjgs++) { if ((peninfo[pjgs] + ' ').substring(0,1) == '+') { peninfo[pjgs]='+' + peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)].replace('+',''); } else { peninfo[pjgs]=peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)]; } if (peninfo[pjgs] != '' && gsis.length > pjgs) { if (gsis[pjgs] == '') { gsis[pjgs]='\/\/www.wikipedia.org'; } } } \\n\";
      \n }
      \n \/\/ ... bad was ...echo \"\\n if (document.getElementById('defs')) { console.log(' attaChEdImage' + jgs + '=\" . noemoji($gsis[$igsis]) . \"'); document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"><image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; \\n\";
      \n echo \"\\n alldefs=document.getElementsByTagName('defs'); if (alldefs.length > 0) { if (('' + alldefs[0].id) != '') { defsid=styleit('' + alldefs[0].id); } } if (document.getElementById(defsid)) { console.log(' attaChEdImage' + jgs + '=\" . noemoji($gsis[$igsis]) . \"'); document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"><image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; \\n\";
      \n echo \"\\n if (document.getElementById(defsid) && gsis.length >= 1) { for (var jgs=0; jgs<gsis.length; jgs++) { if (gsis[jgs] != '') { console.log('attachedImage' + jgs + '=' + noemoji(gsis[jgs])); document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage' + jgs + '\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"' + noemoji(gsis[jgs]) + '\\\"><image xlink:href = \\\"' + noemoji(gsis[jgs]) + '\\\" href = \\\"' + noemoji(gsis[jgs]) + '\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; } } } \\n\";
      \n echo \"\\n var lastpl='', lastcx=-1, lastcy=-1, lastlx=-1, lastly=-1, gsuff='', linew='', postgs=[], gs=document.getElementsByTagName('g'), iigs=0, malt='';\\n for (var igs=0; igs<gs.length; igs++) { \\n if (peninfo.length > iigs) { \\n malt=peninfo[iigs].replace('+','').trim(); \\n } else { \\n malt=''; \\n } \\n if (gsis.length > iigs) { \\n if (fooc(gsis[iigs]) != '') { \\n if (gsis[iigs].trim() == '') { \\n gsuff='x'; \\n } else { \\n toa[1]=emojimaybe(gsis[iigs],malt,'><\/circle>',iigs); \\n if (toa[1] == '><\/circle>') { \\n toa[0]='<circle ' + refooc(lastfooc); \\n toa[2]=' cx='; \\n toa[3]=' cy='; \\n toa[4]=' r='; \\n toa[5]=' fill='; \\n toa[6]=' stroke='; \\n toa[7]=' stroke-width='; \\n toa[8]=' opacity='; \\n } else { \\n toa[1]=toa[1].replace('>',' onclick=gck(' + ('~' + iigs + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\" data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\">'); \\n toa[0]='<text '; \\n toa[2]=' x='; \\n toa[3]=' y='; \\n toa[4]=' data-r='; \\n toa[5]=' data-fill='; \\n toa[6]=' data-stroke='; toa[7]=' data-stroke-width='; \\n toa[8]=' data-opacity='; \\n if (gsis[iigs].indexOf(' ') != -1) { \\n gsis[iigs]=gsis[iigs].replace(gsis[iigs].split(' ')[0] + ' ',''); \\n } \\n } \\n gsuff='' + iigs; \\n } \\n } else { \\n gsuff=''; \\n } \\n } else { \\n gsuff=''; \\n } \\n if (gsuff != 'x' && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.replace('<text ','<circle ').indexOf('<circle') != -1 && (gs[igs].innerHTML + '*').replace('<\/text>*','<\/circle>*').indexOf('<\/circle>*') != -1 && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1) { \\n if (peninfo.length > iigs) { \\n if (peninfo[iigs].indexOf('+') != -1) { \\n linew='<line title=\\\"' + gdis[eval(-1 + iigs)].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + ' to ' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" onmouseover=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" onclick=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" x1=\\\"' + lastcx + '\\\" y1=\\\"' + lastcy + '\\\" x2=\\\"' + eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]) + '\\\" y2=\\\"' + eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]) + '\\\" style=\\\"stroke:rgb(255,0,0);stroke-width:2\\\" \/>'; \\n } \\n } \\n postgs=gs[igs].innerHTML.split(' fill='); \\n gs[igs].innerHTML=tel(gs[igs].innerHTML.replace(' fill=' + postgs[1].substring(0,1) + postgs[1].substring(1).split(postgs[1].substring(0,1))[0], ' onclick=gck(' + ('~' + gsuff + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\" data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" fill=' + postgs[1].substring(0,1) + 'url(#attachedImage' + gsuff + ')').replace(froma[0],toa[0]).replace(froma[1],toa[1]).replace(froma[2],toa[2]).replace(froma[3],toa[3]).replace(froma[4],toa[4]).replace(froma[5],toa[5]).replace(froma[6],toa[6]).replace(froma[7],toa[7]).replace(froma[8],toa[8])) + linew; } linew=''; if ((gs[igs].innerHTML.replace('<line ','*<line ') + '*').replace('<\/text>','<\/circle>').replace('-stroke','<\/circle>*').indexOf('<\/circle>*') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1 && gs[igs].innerHTML.indexOf(' onclick=') != -1 && gs[igs].innerHTML.replace('<text x=','<text fill= ').indexOf('fill=') != -1) { lastcx=eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]); lastcy=eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]); lastlx=gdis[iigs].split('[')[1].split('|')[0]; lastly=gdis[iigs].split('[')[1].split('|')[1]; lastpl=gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' '); \\n iigs++; \\n } \\n } \\n } \\n\";
      \n }
      \n } else if (isset($_POST['aregeographicals'])) {
      \n $gare=$_POST['aregeographicals'];
      \n $ugare=urldecode($gare);
      \n if ($ugare == \"Y\") {
      \n $ugare=expandh($GETdata);
      \n }
      \n if (strpos(strtolower(str_replace(\"+\",\" \",$ugare)), \"http\") !== false || isset($_POST['onclick'])<\/font>) {
      \n $upa=wlook(str_replace(\"+\",\" \",$ugare));
      \n $gsis=explode(\",\",$upa);
      \n $igsis=0;
      \n if (strpos(strtolower($gsis[0]), \"http\") === false) {
      \n for ($jgsis=1; $jgsis<sizeof($gsis); $jgsis++) {
      \n if ($igsis == 0 && strpos(strtolower($gsis[$jgsis]), \"http\") !== false) {
      \n $igsis=$jgsis;
      \n }
      \n }
      \n }
      \n echo \"\\n var froma=['<circle ','><\/circle>',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], toa=['<circle ','><\/circle>',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], igsis=0, localgdis=(\\\"\" . $GETdata . \"\\\").split(']'), localgsis=(\\\"\" . $upa . \"\\\").split(','), peninfo=(\\\"\" . $upa . \"\\\").split(','); \\n gsis=(\\\"\" . $upa . \"\\\").split(','); \\n gdis=(\\\"\" . $GETdata . \"\\\").split(']'); \\n\";
      \n if (isset($_POST['peninfo'])) {
      \n echo \"\\n peninfo=(\\\"\" . $_POST['peninfo'] . \"\\\").replace(\/\\,\\ \/g,',+').split(','); for (var pjgs=0; pjgs<peninfo.length; pjgs++) { if ((peninfo[pjgs] + ' ').substring(0,1) == '+') { peninfo[pjgs]='+' + peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)].replace('+',''); } else { peninfo[pjgs]=peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)]; } if (peninfo[pjgs] != '' && gsis.length > pjgs) { if (gsis[pjgs] == '') { gsis[pjgs]='\/\/www.wikipedia.org'; } } } \\n\";
      \n }
      \n echo \"\\n alldefs=document.getElementsByTagName('defs'); if (alldefs.length > 0) { if (('' + alldefs[0].id) != '') { defsid=styleit('' + alldefs[0].id); } } if (document.getElementById(defsid)) { console.log(' attaChedImage' + jgs + '=\" . noemoji($gsis[$igsis]) . \"'); document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"><image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; \\n\";
      \n echo \"\\n if (document.getElementById(defsid) && gsis.length >= 1) { for (var jgs=0; jgs<gsis.length; jgs++) { if (gsis[jgs] != '') { console.log(' atTachedImage' + jgs + '=' + noemoji(gsis[jgs])); document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage' + jgs + '\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"' + noemoji(gsis[jgs]) + '\\\"><image xlink:href = \\\"' + noemoji(gsis[jgs]) + '\\\" href = \\\"' + noemoji(gsis[jgs]) + '\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; } } } \\n\";
      \n echo \"\\n var lastpl='', lastcx=-1, lastcy=-1, lastlx=-1, lastly=-1, gsuff='', linew='', postgs=[], gs=document.getElementsByTagName('g'), iigs=0, malt=''; for (var igs=0; igs<gs.length; igs++) { if (peninfo.length > iigs) { malt=peninfo[iigs].replace('+','').trim(); } else { malt=''; } if (gsis.length > iigs) { if (gsis[iigs] != '') { if (fooc(gsis[iigs]).trim() == '') { gsuff='x'; } else { toa[1]=emojimaybe(gsis[iigs],malt,'><\/circle>',iigs); if (toa[1] == '><\/circle>') { toa[0]='<circle ' + refooc(lastfooc); toa[2]=' cx='; toa[3]=' cy='; toa[4]=' r='; toa[5]=' fill='; toa[6]=' stroke='; toa[7]=' stroke-width='; toa[8]=' opacity='; } else { toa[1]=toa[1].replace('>',' onclick=gck(' + ('~' + iigs + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\" data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\">'); toa[0]='<text '; toa[2]=' x='; toa[3]=' y='; toa[4]=' data-r='; toa[5]=' data-fill='; toa[6]=' data-stroke='; toa[7]=' data-stroke-width='; toa[8]=' data-opacity='; if (gsis[iigs].indexOf(' ') != -1) { gsis[iigs]=gsis[iigs].replace(gsis[iigs].split(' ')[0] + ' ',''); } } gsuff='' + iigs; } } else { gsuff=''; } } else { gsuff=''; } if (gsuff != 'x' && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.replace('<text ','<circle ').indexOf('<circle') != -1 && (gs[igs].innerHTML + '*').replace('<\/text>*','<\/circle>*').indexOf('<\/circle>*') != -1 && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1) { if (peninfo.length > iigs) { if (peninfo[iigs].indexOf('+') != -1) { linew='<line title=\\\"' + gdis[eval(-1 + iigs)].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + ' to ' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" onmouseover=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" onclick=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" x1=\\\"' + lastcx + '\\\" y1=\\\"' + lastcy + '\\\" x2=\\\"' + eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]) + '\\\" y2=\\\"' + eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]) + '\\\" style=\\\"stroke:rgb(255,0,0);stroke-width:2\\\" \/>'; } } postgs=gs[igs].innerHTML.split(' fill='); gs[igs].innerHTML=tel(gs[igs].innerHTML.replace(' fill=' + postgs[1].substring(0,1) + postgs[1].substring(1).split(postgs[1].substring(0,1))[0], ' onclick=gck(' + ('~' + gsuff + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\" data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" fill=' + postgs[1].substring(0,1) + 'url(#attachedImage' + gsuff + ')').replace(froma[0],toa[0]).replace(froma[1],toa[1]).replace(froma[2],toa[2]).replace(froma[3],toa[3]).replace(froma[4],toa[4]).replace(froma[5],toa[5]).replace(froma[6],toa[6]).replace(froma[7],toa[7]).replace(froma[8],toa[8])) + linew; } linew=''; if ((gs[igs].innerHTML.replace('<line ','*<line ') + '*').replace('<\/text>','<\/circle>').replace('-stroke','<\/circle>*').indexOf('<\/circle>*') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1 && gs[igs].innerHTML.indexOf(' onclick=') != -1 && gs[igs].innerHTML.replace('<text x=','<text fill= ').indexOf('fill=') != -1) { lastcx=eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]); lastcy=eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]); lastlx=gdis[iigs].split('[')[1].split('|')[0]; lastly=gdis[iigs].split('[')[1].split('|')[1]; lastpl=gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' '); iigs++; } } } \\n\";
      \n }
      \n } else if (isset($_GET['areplaces'])) {
      \n if (strpos(strtolower(urldecode($_GET['areplaces'])), \"http\") !== false || isset($_GET['onclick'])<\/font>) {
      \n $upa=wlook(urldecode($_GET['areplaces']));
      \n $gsis=explode(\",\",$upa);
      \n $igsis=0;
      \n if (strpos(strtolower($gsis[0]), \"http\") === false) {
      \n for ($jgsis=1; $jgsis<sizeof($gsis); $jgsis++) {
      \n if ($igsis == 0 && strpos(strtolower($gsis[$jgsis]), \"http\") !== false) {
      \n $igsis=$jgsis;
      \n }
      \n }
      \n }
      \n echo \"\\n var froma=['<circle ','><\/circle>',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], toa=['<circle ','><\/circle>',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], igsis=0, localgdis=(\\\"\" . $GETdata . \"\\\").split(']'), localgsis=(\\\"\" . $upa . \"\\\").split(','), peninfo=(\\\"\" . $upa . \"\\\").split(','); \\n gsis=(\\\"\" . $upa . \"\\\").split(','); \\n gdis=(\\\"\" . $GETdata . \"\\\").split(']'); \\n\";
      \n if (isset($_GET['peninfo'])) {
      \n echo \"\\n peninfo=(\\\"\" . $_GET['peninfo'] . \"\\\").replace(\/\\,\\ \/g,',+').split(','); for (var pjgs=0; pjgs<peninfo.length; pjgs++) { if ((peninfo[pjgs] + ' ').substring(0,1) == '+') { peninfo[pjgs]='+' + peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)].replace('+',''); } else { peninfo[pjgs]=peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)]; } if (peninfo[pjgs] != '' && gsis.length > pjgs) { if (gsis[pjgs] == '') { gsis[pjgs]='\/\/www.wikipedia.org'; } } } \\n\";
      \n }
      \n echo \"\\n alldefs=document.getElementsByTagName('defs'); if (alldefs.length > 0) { if (('' + alldefs[0].id) != '') { defsid=styleit('' + alldefs[0].id); } } if (document.getElementById(defsid)) { document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"><image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; \\n\";
      \n echo \"\\n if (document.getElementById(defsid) && gsis.length >= 1) { for (var jgs=0; jgs<gsis.length; jgs++) { if (gsis[jgs] != '') { document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage' + jgs + '\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"' + noemoji(gsis[jgs]) + '\\\"><image xlink:href = \\\"' + noemoji(gsis[jgs]) + '\\\" href = \\\"' + noemoji(gsis[jgs]) + '\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; } } } \\n\";
      \n echo \"\\n var lastpl='', lastcx=-1, lastcy=-1, lastlx=-1, lastly=-1, gsuff='', linew='', postgs=[], gs=document.getElementsByTagName('g'), iigs=0, malt=''; for (var igs=0; igs<gs.length; igs++) { if (peninfo.length > iigs) { malt=peninfo[iigs].replace('+','').trim(); } else { malt=''; } if (gsis.length > iigs) { if (fooc(gsis[iigs]) != '') { if (gsis[iigs].trim() == '') { gsuff='x'; } else { toa[1]=emojimaybe(gsis[iigs],malt,'><\/circle>',iigs); if (toa[1] == '><\/circle>') { toa[0]='<circle ' + refooc(lastfooc); toa[2]=' cx='; toa[3]=' cy='; toa[4]=' r='; toa[5]=' fill='; toa[6]=' stroke='; toa[7]=' stroke-width='; toa[8]=' opacity='; } else { toa[1]=toa[1].replace('>',' onclick=gck(' + ('~' + iigs + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\" data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\">'); toa[0]='<text '; toa[2]=' x='; toa[3]=' y='; toa[4]=' data-r='; toa[5]=' data-fill='; toa[6]=' data-stroke='; toa[7]=' data-stroke-width='; toa[8]=' data-opacity='; if (gsis[iigs].indexOf(' ') != -1) { gsis[iigs]=gsis[iigs].replace(gsis[iigs].split(' ')[0] + ' ',''); } } gsuff='' + iigs; } } else { gsuff=''; } } else { gsuff=''; } if (gsuff != 'x' && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.replace('<text ','<circle ').indexOf('<circle') != -1 && (gs[igs].innerHTML + '*').replace('<\/text>*','<\/circle>*').indexOf('<\/circle>*') != -1 && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1) { if (peninfo.length > iigs) { if (peninfo[iigs].indexOf('+') != -1) { linew='<line title=\\\"' + gdis[eval(-1 + iigs)].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + ' to ' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" onmouseover=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" onclick=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" x1=\\\"' + lastcx + '\\\" y1=\\\"' + lastcy + '\\\" x2=\\\"' + eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]) + '\\\" y2=\\\"' + eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]) + '\\\" style=\\\"stroke:rgb(255,0,0);stroke-width:2\\\" \/>'; } } postgs=gs[igs].innerHTML.split(' fill='); gs[igs].innerHTML=tel(gs[igs].innerHTML.replace(' fill=' + postgs[1].substring(0,1) + postgs[1].substring(1).split(postgs[1].substring(0,1))[0], ' onclick=gck(' + ('~' + gsuff + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\" data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" fill=' + postgs[1].substring(0,1) + 'url(#attachedImage' + gsuff + ')').replace(froma[0],toa[0]).replace(froma[1],toa[1]).replace(froma[2],toa[2]).replace(froma[3],toa[3]).replace(froma[4],toa[4]).replace(froma[5],toa[5]).replace(froma[6],toa[6]).replace(froma[7],toa[7]).replace(froma[8],toa[8])) + linew; } linew=''; if ((gs[igs].innerHTML.replace('<line ','*<line ') + '*').replace('<\/text>','<\/circle>').replace('-stroke','<\/circle>*').indexOf('<\/circle>*') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1 && gs[igs].innerHTML.indexOf(' onclick=') != -1 && gs[igs].innerHTML.replace('<text x=','<text fill= ').indexOf('fill=') != -1) { lastcx=eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]); lastcy=eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]); lastlx=gdis[iigs].split('[')[1].split('|')[0]; lastly=gdis[iigs].split('[')[1].split('|')[1]; lastpl=gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' '); iigs++; } } } \\n\";
      \n }
      \n } else if (isset($_POST['areplaces'])) {
      \n if (strpos(strtolower(urldecode($_POST['areplaces'])), \"http\") !== false || isset($_POST['onclick'])<\/font>) {
      \n $upa=wlook(urldecode($_POST['areplaces']));
      \n $gsis=explode(\",\",$upa);
      \n $igsis=0;
      \n if (strpos(strtolower($gsis[0]), \"http\") === false) {
      \n for ($jgsis=1; $jgsis<sizeof($gsis); $jgsis++) {
      \n if ($igsis == 0 && strpos(strtolower($gsis[$jgsis]), \"http\") !== false) {
      \n $igsis=$jgsis;
      \n }
      \n }
      \n }
      \n echo \"\\n var froma=['<circle ','><\/circle>',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], toa=['<circle ','><\/circle>',' cx=',' cy=',' r=',' fill=',' stroke=',' stroke-width=',' opacity='], igsis=0, localgdis=(\\\"\" . $GETdata . \"\\\").split(']'), localgsis=(\\\"\" . $upa . \"\\\").split(','), peninfo=(\\\"\" . $upa . \"\\\").split(','); \\n gsis=(\\\"\" . $upa . \"\\\").split(','); \\n gdis=(\\\"\" . $GETdata . \"\\\").split(']'); \\n\";
      \n if (isset($_POST['peninfo'])) {
      \n echo \"\\n peninfo=(\\\"\" . $_POST['peninfo'] . \"\\\").replace(\/\\,\\ \/g,',+').split(','); for (var pjgs=0; pjgs<peninfo.length; pjgs++) { if ((peninfo[pjgs] + ' ').substring(0,1) == '+') { peninfo[pjgs]='+' + peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)].replace('+',''); } else { peninfo[pjgs]=peninfo[pjgs].split('|')[eval(-1 + peninfo[pjgs].split('|').length)]; } if (peninfo[pjgs] != '' && gsis.length > pjgs) { if (gsis[pjgs] == '') { gsis[pjgs]='\/\/www.wikipedia.org'; } } } \\n\";
      \n }
      \n echo \"\\n alldefs=document.getElementsByTagName('defs'); if (alldefs.length > 0) { if (('' + alldefs[0].id) != '') { defsid=styleit('' + alldefs[0].id); } } if (document.getElementById(defsid)) { document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"\" . noemoji($gsis[$igsis]) . \"\\\"><image xlink:href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" href = \\\"\" . noemoji($gsis[$igsis]) . \"\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; \\n\";
      \n echo \"\\n if (document.getElementById(defsid) && gsis.length >= 1) { for (var jgs=0; jgs<gsis.length; jgs++) { if (gsis[jgs] != '') { document.getElementById(defsid).innerHTML+='<pattern id = \\\"attachedImage' + jgs + '\\\" height = \\\"100%\\\" width = \\\"100%\\\" patternContentUnits = \\\"objectBoundingBox\\\" title=\\\"' + noemoji(gsis[jgs]) + '\\\"><image xlink:href = \\\"' + noemoji(gsis[jgs]) + '\\\" href = \\\"' + noemoji(gsis[jgs]) + '\\\" preserveAspectRatio = \\\"none\\\" width = \\\"1\\\" height = \\\"1\\\"\/><\/pattern>'; } } } \\n\";
      \n echo \"\\n var lastpl='', lastcx=-1, lastcy=-1, lastlx=-1, lastly=-1, gsuff='', linew='', postgs=[], gs=document.getElementsByTagName('g'), iigs=0, malt=''; for (var igs=0; igs<gs.length; igs++) { if (peninfo.length > iigs) { malt=peninfo[iigs].replace('+','').trim(); } else { malt=''; } if (gsis.length > iigs) { if (gsis[iigs] != '') { if (fooc(gsis[iigs]).trim() == '') { gsuff='x'; } else { toa[1]=emojimaybe(gsis[iigs],malt,'><\/circle>',iigs); if (toa[1] == '><\/circle>') { toa[0]='<circle ' + refooc(lastfooc); toa[2]=' cx='; toa[3]=' cy='; toa[4]=' r='; toa[5]=' fill='; toa[6]=' stroke='; toa[7]=' stroke-width='; toa[8]=' opacity='; } else { toa[1]=toa[1].replace('>',' onclick=gck(' + ('~' + iigs + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\" data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\">'); toa[0]='<text '; toa[2]=' x='; toa[3]=' y='; toa[4]=' data-r='; toa[5]=' data-fill='; toa[6]=' data-stroke='; toa[7]=' data-stroke-width='; toa[8]=' data-opacity='; if (gsis[iigs].indexOf(' ') != -1) { gsis[iigs]=gsis[iigs].replace(gsis[iigs].split(' ')[0] + ' ',''); } } gsuff='' + iigs; } } else { gsuff=''; } } else { gsuff=''; } if (gsuff != 'x' && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.replace('<text ','<circle ').indexOf('<circle') != -1 && (gs[igs].innerHTML + '*').replace('<\/text>*','<\/circle>*').indexOf('<\/circle>*') != -1 && gs[igs].innerHTML.indexOf('fill=') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1) { if (peninfo.length > iigs) { if (peninfo[iigs].indexOf('+') != -1) { linew='<line title=\\\"' + gdis[eval(-1 + iigs)].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + ' to ' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" onmouseover=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" onclick=\\\"tripd(this,' + lastlx + ',' + lastly + ',' + gdis[iigs].split('[')[1].split('|')[0] + ',' + gdis[iigs].split('[')[1].split('|')[1] + ',true);\\\" x1=\\\"' + lastcx + '\\\" y1=\\\"' + lastcy + '\\\" x2=\\\"' + eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]) + '\\\" y2=\\\"' + eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]) + '\\\" style=\\\"stroke:rgb(255,0,0);stroke-width:2\\\" \/>'; } } postgs=gs[igs].innerHTML.split(' fill='); gs[igs].innerHTML=tel(gs[igs].innerHTML.replace(' fill=' + postgs[1].substring(0,1) + postgs[1].substring(1).split(postgs[1].substring(0,1))[0], ' onclick=gck(' + ('~' + gsuff + '~').replace('~~','-1').replace('~','').replace('~','') + ',this); fill=\\\"#008000\\\" data-svggeo=\\\"' + ('' + gdis[iigs].split('~')[0].replace('[','').trim().replace(\/^\\|\/g,'').replace(\/\\|$\/g,'')).substring(0).trim() + '\\\"<\/font> title=\\\"' + gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' ') + '\\\" fill=' + postgs[1].substring(0,1) + 'url(#attachedImage' + gsuff + ')').replace(froma[0],toa[0]).replace(froma[1],toa[1]).replace(froma[2],toa[2]).replace(froma[3],toa[3]).replace(froma[4],toa[4]).replace(froma[5],toa[5]).replace(froma[6],toa[6]).replace(froma[7],toa[7]).replace(froma[8],toa[8])) + linew; } linew=''; if ((gs[igs].innerHTML.replace('<line ','*<line ') + '*').replace('<\/text>','<\/circle>').replace('-stroke','<\/circle>*').indexOf('<\/circle>*') != -1 && gs[igs].innerHTML.indexOf('font-family=') == -1 && gs[igs].innerHTML.indexOf(' onclick=') != -1 && gs[igs].innerHTML.replace('<text x=','<text fill= ').indexOf('fill=') != -1) { lastcx=eval(gs[igs].innerHTML.split('x=\\\"')[1].split('\\\"')[0]); lastcy=eval(gs[igs].innerHTML.split('y=\\\"')[1].split('\\\"')[0]); lastlx=gdis[iigs].split('[')[1].split('|')[0]; lastly=gdis[iigs].split('[')[1].split('|')[1]; lastpl=gdis[iigs].split('~')[1].replace(\/\\%20\/g,' ').replace(\/\\_\/g,' '); iigs++; } } } \\n\";
      \n }
      \n }
      \n<\/code>
      \n?><\/p>\n

      … in our the changed<\/a> geo_chart.php<\/a> Geo Chart interfacer<\/a>.<\/p>\n

      \n

      \n

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

      \"Google<\/a>

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

      Yesterday’s Google Chart Image Chart Map Chart Mainstream Primer Tutorial<\/a> mentioned a three point plan …<\/p>\n

      \n
        \n
      1. Help itself … map.php … phase 1<\/li>\n
      2. Redirect to Image Chart Map Chart … map.php and\/or geo_chart.php … just after first prompt … phase 2<\/li>\n
      3. Caller form method=POST map.php action interventions at onsubmit event … non map.php … phase 3<\/li>\n<\/ol>\n<\/blockquote>\n

        … we find ourselves still dealing with the “first point” above regarding, where it rubs up against the first half of the second point (if all that makes sense), today.<\/p>\n

        This means we might now, with map.php user interfacing, present a Google Charts<\/a> Image Chart<\/a> Map Chart in various guises …<\/p>\n