On Mar 22, 3:31 pm, AM <[email protected]> wrote:
> sorry about posting the code - here is a link to my page:
>
> http://givelocally.net/dev/map.php
I get "permission denied" on this:
http.open('get', 'http://www.givelocally.net/dev/GetCoords.php');
Because it is not the same domain as http://givelocally.net
Once I fix that, by going to:
http://www.givelocally.net/dev/map.php
I get lots of popups, then a zero size map. When I set the size of
the div explicitly, the map appears:
<div id="map" style="height: 600px; width: 600px;">
Your HTML is invalid:
http://validator.w3.org/check?uri=http%3A%2F%2Fwww.givelocally.net%2Fdev%2Fmap.php&charset=%28detect+automatically%29&doctype=Inline&group=0
-- Larry
>
> On Mar 22, 3:26 pm, AM <[email protected]> wrote:
>
>
>
> > Hello,
>
> > I did a thorough search and could not find a solution to this problem.
> > I also ran the page that generates the xml output for this code and it
> > looks fine/is returning data. I've pasted my code below. Can someone
> > give me a clue why the map is not showing up at all in IE or Firefox?
>
> > <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
> > "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd";>
>
> > <script src="http://maps.google.com/maps?
> > file=api&v=2&sensor=false&key=ABQIAAAA7yTOSAv9jG3ThsEmaYv-
> > IBTtL2Xy3kor62R2ptqG51oBzV9D3hT0S3NsapsR2SlvOjZgW0oDDSVX3A"
> > type="text/javascript"></script>
>
> > <script type="text/javascript">
> > var http = createRequestObject();
>
> > // Creates a marker whose info window displays the given number
> > function createMarker(point, html) {
> > var marker = new GMarker(point, baseIcon);
>
> > GEvent.addListener(marker, "click", function() {
> > marker.openInfoWindowHtml(html);
>
> > });
>
> > return marker;
>
> > }
>
> > // Open the info box for the specified marker.
> > function opener(i){
> > //markers[i].openInfoWindowHtml( infoHtml[i] );
> > ew.openOnMarker(markers[i],infoHtml[i]);
>
> > }
>
> > function myclick(i) {
> > //markers[i].openInfoWindowHtml(infoHtml[i]);
> > ew.openOnMarker(markers[i],infoHtml[i]);
>
> > }
>
> > function makeOpenerCaller( i )
> > {
> > return function() { opener( i ); };
>
> > }
>
> > function zoom(Lng, Lat) {
>
> > if (map.getZoomLevel() != 0) {
> > map.centerAndZoom(new GPoint(Lng, Lat), 20);
>
> > }
> > }
>
> > function createRequestObject() {
>
> > var req;
>
> > if(window.XMLHttpRequest){
> > // Firefox, Safari, Opera...
> > req = GXmlHttp.create();} else if(window.ActiveXObject) {
>
> > // Internet Explorer 5+
> > req = GXmlHttp.create();} else {
>
> > // There is an error creating the object,
> > // just as an old browser is being used.
> > alert('There was a problem creating the GXmlHttpRequest object');
>
> > }
>
> > return req;
>
> > }
>
> > function sendRequest() {
>
> > var ran= Math.random()*5;
>
> > http.open('get', 'http://www.givelocally.net/dev/GetCoords.php');
> > http.onreadystatechange = onLoad;
> > http.send(null);
>
> > }
>
> > //<![CDATA[
>
> > // 1. Define icons
>
> > var icon = new GIcon();
> > var iconprim = new GIcon();
> > iconprim.image = "http://www.google.com/mapfiles/marker.png";;
> > iconprim.shadow = "http://www.google.com/mapfiles/shadow50.png";;
> > iconprim.iconSize = new GSize(20, 34);
> > iconprim.shadowSize = new GSize(37, 34);
> > iconprim.iconAnchor = new GPoint(10, 34);
> > iconprim.infoWindowAnchor = new GPoint(4, 4);
>
> > var iconattr = new GIcon();
>
> > iconattr.shadow = "http://www.givelocally.net/images/shadow.png";;
> > iconattr.iconSize = new GSize(16, 28);
> > iconattr.shadowSize = new GSize(40, 28);
> > iconattr.iconAnchor = new GPoint(6, 20);
> > iconattr.infoWindowAnchor = new GPoint(4, 4);
>
> > var markers;
> > var infoHtml;
> > var map;
> > var side_bar_html = "";
>
> > function onLoad() {
>
> > // 2. Set up panel
> > var panel = document.getElementById('panel');
> > var CategoryCurr = "";
> > var CategoryNew = "";
> > var html = "";
>
> > // 3. Set up map
> > map = new GMap(document.getElementById("map"));
> > map.addControl(new GLargeMapControl());
> > map.addControl(new GMapTypeControl());
> > map.centerAndZoom(new GPoint(0.0, 0.0), 5);
>
> > // Create an EWindow
> > //ew = new EWindow(map, E_STYLE_7);
> > //map.addOverlay(ew);
>
> > if(http.readyState == 4 && http.status == 200){
> > var xmlDoc = GXml.parse(http.responseText);
>
> > var markerElements =
> > xmlDoc.documentElement.getElementsByTagName("marker");
>
> > markers = new Array( markerElements.length );
> > infoHtml = new Array( markerElements.length );
>
> > for(var i = 0; i < markerElements.length; i++) {
>
> > // get variables
> > var lat =
> > parseFloat(markerElements[i].getAttribute("lat"));
> > var lng =
> > parseFloat(markerElements[i].getAttribute("long"));
> > var desc =
> > markerElements[i].getAttribute("description");
> > var type =
> > markerElements[i].getAttribute("type");
> > var id =
> > markerElements[i].getAttribute("id");
> > var name =
> > markerElements[i].getAttribute("name");
>
> > if (type == "1"){
>
> > iconattr.image =
> > "http://www.givelocally.net/images/
> > type1.png";
>
> > }
>
> > if (type == "2"){
>
> > iconattr.image =
> > "http://www.givelocally.net/images/
> > type2.png";
>
> > }
> > if (type == "3"){
>
> > iconattr.image =
> > "http://www.givelocally.net/images/
> > type3.png";
>
> > }
>
> > // 4. Plot markers
> > markers[i] = new GMarker( new
> > GPoint( parseFloat(lng),parseFloat(lat) ), iconattr);
>
> > GEvent.addListener( markers[i], 'click',
> > makeOpenerCaller(i) );
> > map.addOverlay( markers[i] );
>
> > }
> > map.centerAndZoom(new GPoint(lng, lat), 6);
> > //document.getElementById("side_bar").innerHTML =
> > side_bar_html;
> > }
>
> > }
>
> > //end of map code here
>
> > </script>
> > <html xmlns="http://www.w3.org/1999/xhtml"; >
> > <link href="style.css" rel="stylesheet" type="text/css" />
>
> > <head>
> > <title>Test Map Page</title>
> > </head>
>
> > <body onload="sendRequest();">
>
> > <div id="map">
> > </div>
> > </body>
> > </html>- Hide quoted text -
>
> - Show quoted text -
--
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.
![http://www.google.com/mapfiles/marker.png"](https://www.google.com/mapfiles/marker.png"){kind=link}
![http://www.google.com/mapfiles/shadow50.png"](https://www.google.com/mapfiles/shadow50.png"){kind=link}
![http://www.givelocally.net/images/shadow.png"](http://www.givelocally.net/images/shadow.png"){kind=link}