Looking for Ideas

Scriptcase 9 General
#1

How to create a clickable image map then link each area to specific data ?
Here is an example site which allows to select part number.

#2

I think you can do it with scriptcase. https://www.scriptcase.net/sistemas/v9/exemplos/maps/maps.php

#3

I’ve done it this way:

  1. A blank aplication, on execute:

  2. code the map in plain html
    <<< code>>>

// close php tag
?>
<html>

<style type=‘text/css’>

</style>
<body>
<table width=‘100%’ height=‘100%’>
<tr>
<td width=‘100%’ height=‘100%’ valign=‘middle’ align=‘center’>
<img src=’…/_lib/img/MISSyC.png’ border=0 usemap="#Map"> <!-- URL to the background image -->
<map name=“Map”>
<!-- each html maps area. The href itself is a php function call, who outputs a clean aplication link–>
<area shape=“rect” coords=“37,38,112,84” title=“6.1 - 29” href="<?php echo linkCarpeta(29);?>">
<area shape=“rect” coords=“169,32,248,74” title=“6.5 - 33” href="<?php echo linkCarpeta(33);?>">
<area shape=“rect” coords=“34,99,111,141” title=“6.2 - 30” href="<?php echo linkCarpeta(30);?>">
<area shape=“rect” coords=“170,108,248,149” title=“6.6 - 34” href="<?php echo linkCarpeta(34);?>">
<area shape=“rect” coords=“32,176,112,218” title=“6.3 - 31” href="<?php echo linkCarpeta(31);?>">
<area shape=“rect” coords=“169,153,249,193” title=“6.7 - 35” href="<?php echo linkCarpeta(35);?>">
<area shape=“rect” coords=“169,204,254,246” title=“6.8 - 36” href="<?php echo linkCarpeta(36);?>">
<area shape=“rect” coords=“38,251,119,292” title=“6.4 - 32” href="<?php echo linkCarpeta(32);?>">
<area shape=“rect” coords=“26,360,316,406” title=“5.1 - 25” href="<?php echo linkCarpeta(25);?>">
<area shape=“rect” coords=“25,430,202,474” title=“5.2 - 26” href="<?php echo linkCarpeta(26);?>">
<area shape=“rect” coords=“25,481,202,516” title=“5.3 - 27” href="<?php echo linkCarpeta(27);?>">
<area shape=“rect” coords=“375,47,465,88” title=“1.1 - 3” href="<?php echo linkCarpeta(3);?>">
<area shape=“rect” coords=“368,101,474,143” title=“1.2 - 4” href="<?php echo linkCarpeta(4);?>">
<area shape=“rect” coords=“367,161,476,231” title=“1.3 - 5” href="<?php echo linkCarpeta(5);?>">
<area shape=“rect” coords=“366,251,476,292” title=“1.4 - 6"href=”<?php echo linkCarpeta(6);?>">
<area shape=“rect” coords=“603,46,706,86” title=“1.5 - 7” href="<?php echo linkCarpeta(7);?>">
<area shape=“rect” coords=“603,124,706,164” title=“1.6 - 8” href="<?php echo linkCarpeta(8);?>">
<area shape=“rect” coords=“601,200,680,239” title=“1.7 - 9” href="<?php echo linkCarpeta(9);?>">
<area shape=“rect” coords=“790,139,851,170” title=“2.1 - 11” href="<?php echo linkCarpeta(11);?>">
<area shape=“rect” coords=“785,207,846,238” title=“2.2 - 12” href="<?php echo linkCarpeta(12);?>">
<area shape=“rect” coords=“865,131,943,163” title=“2.3 - 14” href="<?php echo linkCarpeta(14);?>">
<area shape=“rect” coords=“873,205,933,238” title=“2.4 - 13” href="<?php echo linkCarpeta(13);?>">
<area shape=“rect” coords=“791,403,942,443” title=“3.1 - 16” href="<?php echo linkCarpeta(16);?>">
<area shape=“rect” coords=“30,600,202,659” title=“4.1 - 18” href="<?php echo linkCarpeta(18);?>">
<area shape=“rect” coords=“26,683,201,745” title=“4.2 - 19” href="<?php echo linkCarpeta(19);?>">
<area shape=“rect” coords=“428,596,602,663” title=“4.3 - 20” href="<?php echo linkCarpeta(20);?>">
<area shape=“rect” coords=“427,697,600,737” title=“4.4 - 21” href="<?php echo linkCarpeta(21);?>">
<area shape=“rect” coords=“753,613,830,670” title=“4.5 - 22” href="<?php echo linkCarpeta(22);?>">
<area shape=“rect” coords=“753,697,831,744” title=“4.6 - 23” href="<?php echo linkCarpeta(23);?>">
</map>
</td>
</tr>
</table>
</body>
</html>
<!-- reopen the php tag -->
<?php

<<< end code>>>

Good luck!

#4

There is a Heat map video (Done by Marcia I think) which uses scriptcase SQL data to populate a Google map
here: hhttps://www.youtube.com/watch?v=qoEDNKAxa_Y

This might give you a start.

To go the other direction, im not sure.