Hi

I've just made a maplet that dynamically renders formatted html code
from an MS Access MDB into the <head> section of my google map code.

The data represents several categories of work which I would like to
incorporate into the map as different marker icons.

Note that I am using my own png file (http://www.archaeologyse.co.uk/
images/GoogleButton.png) as a marker and wish to create new pngs for
each category)

How can I modify this Map scenario to show a different marker for each
category?

Many thanks

Dylan


My Code Below

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://
www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml";>

<!—THE FOLLOWING CODE CREATES AN HTML FORMATTED SLICE OF DATA FROM THE
DB AS A VARIABLE CALLED “COLLECT”-->
<%
Dim Serv, Conn, RecordView, SQL, arc_point_value, WGS84x1, WGS84y1,
Title, Town, collect, collect2, output1

Serv= "DRIVER={Microsoft Access Driver (*.mdb)};DBQ=" & Server.MapPath
("/ASE GOOGLE DATABASE LOCALHOST/ReportLibraryTemp.mdb") & ";"
Set Conn = Server.CreateObject("ADODB.Connection")
Set RecordView = Server.CreateObject("ADODB.Recordset")

Conn.Open Serv
SQL="SELECT *  FROM BoundReportList2"

RecordView.Open SQL, Conn

arc_point_value=0
Do While Not RecordView.EOF
WGS84x1=RecordView("WGS84x1")
WGS84y1=RecordView("WGS84y1")
Title=RecordView("Title")
Town=RecordView("Town")

<!—THE FOLLOWING CODE FORMATS THE DATA INTO A GOOGLE-MAP FORMAT AS A
VARIABLE CALLES “COLLECT”-->
collect = collect &  "arc_point[" & arc_point_value & "] = new Array("
& WGS84x1 & "," & WGS84y1 & ", icon0, '" & Title & "', '<strong>" &
Title & "</strong>,"& Town & ".<br />');"



arc_point_value = arc_point_value +1
RecordView.MoveNext
Loop

RecordView.Close

Set RecordView = Nothing
Set Conn = Nothing
%>



<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Archaeology South-East: Archaeological Projects</title>

<script src="http://maps.google.com/maps?
file=api&amp;v=2&amp;key=ABQIAAAA2QewiWT-
F-8PZD9RK8XpQBSFAhmv2p7BMQjCh2WjIDhIGsllCRSxSS0_3vCH9Yab4mTCut_eSIXOIg"
type="text/javascript">

</script>


<!--THIS IS THE CODE FOR CREATING GOOGLE MAPS...-->
<script type="text/javascript">

var map;
var icon0;
var arc_point = new Array();
var gmarkers = [];
var t = 0;
var zoom = 7;

function addLoadEvent(func) {
        var oldonload = window.onload;
        if (typeof window.onload != 'function'){
                window.onload = func
        } else {
                window.onload = function() {
                        oldonload();
                        func();
                }
        }
}

addLoadEvent(loadMap);
addLoadEvent(addPoints);

function loadMap() {
        map = new GMap2(document.getElementById("googlemap"));
        map.addControl(new GSmallMapControl());
        map.addControl(new GMapTypeControl());
        map.setCenter(new GLatLng( 50.991174,0.378192), 8);
        map.setMapType(G_SATELLITE_MAP);

        icon0 = new GIcon();
        icon0.image = "http://www.archaeologyse.co.uk/images/
GoogleButton.png";
        icon0.shadow = "http://www.archaeologyse.co.uk/images/
GoogleButton.png";
        icon0.iconSize = new GSize(8, 8);
        icon0.shadowSize = new GSize(8, 8);
        icon0.iconAnchor = new GPoint(4, 4);
        icon0.infoWindowAnchor = new GPoint(20, 4);
        icon0.infoShadowAnchor = new GPoint(8, 8);
}

function addPoints() {

        // Add an encoded polyline.
        var encodedPoints = "ajluh...@x^mse{m}sbgd@q...@os@ybH";
        var encodedLevels = "BBBBB";

        var encodedPolyline = new GPolyline.fromEncoded({
                color: "#FF0000",
                weight: 10,
                points: encodedPoints,
                levels: encodedLevels,
                zoomFactor: 32,
                numLevels: 4
        });
        map.addOverlay(encodedPolyline);


<!—THE CODE IS FORMATTED TO BE INSERTED HERE USING THE “COLLECT”
VARIABLE IN THE FOLLOWING FORMAT
arc_point[0] = new Array(50.991174,0.378192, icon0, 'An archaeological
Watching Brief at the Bank Building, High Street, Burwash, East
Sussex', '<strong><a href=../ReportLibrary/2006/2559-High-Street-
Burwash-report[2].pdf>An archaeological Watching Brief at the Bank
Building, High Street, Burwash, East Sussex</a></strong>, Burwash.<br /
>');

arc_point[1] = new Array(50.693906,0.097978, icon0, 'St Leonards
Church, Seaford Archaeological monitoring: A brief report on the
findings', '<strong><a href=../ReportLibrary/2006/2612-St-Leonards-
Seaford-Report-(N).pdf>St Leonards Church, Seaford Archaeological
monitoring: A brief report on the findings</a></strong>, Seaford.<br /
>');               etc….-->
<%=collect%>;


        for(var i = 0; i < arc_point.length; i++) {
                var point = new GPoint(arc_point[i][1],arc_point[i][0]);
                var popuphtml = arc_point[i][4] ;
                var marker = createMarker(point,arc_point[i][2],popuphtml);
                map.addOverlay(marker);
                gmarkers[i] = marker;
        }
}

function createMarker(point, icon, popuphtml) {
        var popuphtml = "<div id=\"popup\">" + popuphtml + "<\/div>";
        var marker = new GMarker(point, icon);
        GEvent.addListener(marker, "click", function() {
                marker.openInfoWindowHtml(popuphtml);
        });
        return marker;
}

function zin (lat,lon) {map.setCenter(new GLatLng(lat,lon), map.zoomIn
());}
function zot (lat,lon) {map.setCenter(new GLatLng(lat,lon), map.zoomOut
());}



function MM_preloadImages() { //v3.0
  var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
    var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0;
i<a.length; i++)
    if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a
[i];}}
}
<!--END OF CODE FOR CREATING GOOGLE MAPS...-->

--~--~---------~--~----~------------~-------~--~----~
You received this message because you are subscribed to the Google Groups 
"Google Maps API" group.
To post to this group, send email to [email protected]
To unsubscribe from this group, send email to 
[email protected]
For more options, visit this group at 
http://groups.google.com/group/Google-Maps-API?hl=en
-~----------~----~----~----~------~----~------~--~---

Reply via email to