Problem mit Google Maps API Schlüssel!

lima-city → Forum → Programmiersprachen → PHP, MySQL & .htaccess

Autor dieses Themas

15:36, 25.3.2012

Ich probiere gerade das jQuery Plugin jQuery GPS aus (http://www.birdwingfx.com/jQuery_gps/index.html) Eigentlich funktioniert alles, aber man braucht eine Google Maps API Code/ Schlüssel. Aber den gibt es ja gar nicht mehr. Was mach ich jetzt? Wie bekomme ich das trotzdem hin?

Den Code bekommt ihr auf der Website oder hier:

**PHP Code:**

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" 
        "http://www.w3.org/TR/html4/loose.dtd"> 
    <html lang="de"> 
    <head> 
        <title>Routenplanner</title> 
    <style> 
        #map { 
            width: 500px; 
            height: 200px; 
        } 
    </style> 
    <script type="text/javascript" src="jquery.js"></script> 
    <script src="//HIER WÜRDE DER CODE REIN KOMMEN//" type="text/javascript"></script> 
    <script type="text/javascript" src="gps.jquery.js"></script> 
    <script type="text/javascript"> 
    $(function() { 
     
    $("#map").googleMap().load(); 
     
    }); 
    </script> 
    </head> 
    <body onunload="GUnload()"> 
        <div id="directions"></div> 
        <div id="map"></div> 
         
        <form action="directions.php" method="post"> 
            <p><b>From: </b><input id="end" type="text" value="2333 El Jobean Road Port Charlotte, FL 33948" /> 
            <b>To: </b><input id="start" type="text" /></p> 
            <input name="submit" id="getdirections" type="submit" value="Get Directions" /> 
        </form> 
         
    </body> 
    </html>

**JS Code**

(function($) {
    
    $.GoogleMapObjectDefaults = {        
        zoomLevel: 10,
	imagewidth: 50,
	imageheight: 50,
	center: '2000 Florida Ave NW Washington, DC 20009-1231',
	start: '#start',
        end: '#end',
	directions: 'directions',
        submit: '#getdirections',
	tooltip: 'false',
	image: 'false'
    };

    function GoogleMapObject(elementId, options) {
        /* private variables */
        this._inited = false;
        this._map = null;
        this._geocoder = null;
	
        /* Public properties */
        this.ElementId = elementId;
        this.Settings = $.extend({}, $.GoogleMapObjectDefaults, options || '');
    }

    $.extend(GoogleMapObject.prototype, {
        init: function() {
            if (!this._inited) {
                if (GBrowserIsCompatible()) {
                    this._map = new GMap2(document.getElementById(this.ElementId));
                    this._map.addControl(new GSmallMapControl());
                    this._geocoder = new GClientGeocoder();
                }
		
                this._inited = true;
            }
        },
        load: function() {
            //ensure existence
            this.init();
	    
            if (this._geocoder) {
                //"this" will be in the wrong context for the callback
                var zoom = this.Settings.zoomLevel;
                var center = this.Settings.center;
		var width = this.Settings.imagewidth;
		var height = this.Settings.imageheight;
                var map = this._map;
		
		if (this.Settings.tooltip != 'false') {
		    var customtooltip = true;
		    var tooltipinfo = this.Settings.tooltip;
		}
		
		if (this.Settings.image != 'false') {
		    var customimage = true;
		    var imageurl = this.Settings.image;
		}
		
                this._geocoder.getLatLng(center, function(point) {
                    if (!point) { alert(center + " not found"); }
                    else {
                        //set center on the map
                        map.setCenter(point, zoom);
			
			if (customimage == true) {
			    //add the marker
			    var customiconsize = new GSize(width, height);
			    var customicon = new GIcon(G_DEFAULT_ICON, imageurl);
			    customicon.iconSize = customiconsize;
			    var marker = new GMarker(point, { icon: customicon });
			    map.addOverlay(marker);
			} else {
			    var marker = new GMarker(point);
			    map.addOverlay(marker);
			}
			
			if(customtooltip == true) {
			    marker.openInfoWindowHtml(tooltipinfo);
			}
                    }
                });
            }
	    
	    
            //make this available to the click element
            $.data($(this.Settings.submit)[0], 'inst', this);
	    
            $(this.Settings.submit).click(function(e) {
                e.preventDefault();
                var obj = $.data(this, 'inst');
		var outputto = obj.Settings.directions;
                var from = $(obj.Settings.start).val();
                var to = $(obj.Settings.end).val();
		map.clearOverlays();
		var gdir = new GDirections(map, document.getElementById(outputto));
		gdir.load("from: " + from + " to: " + to);
		
                //open the google window
                //window.open("http://maps.google.com/maps?saddr=" + from + "&daddr=" + to, "GoogleWin", "menubar=1,resizable=1,scrollbars=1,width=750,height=500,left=10,top=10");
            });
	    
            return this;
        }
    });

    $.extend($.fn, {
        googleMap: function(options) {
            // check if a map was already created
            var mapInst = $.data(this[0], 'googleMap');
            if (mapInst) {
                return mapInst;
            }
	    
            //create a new map instance
            mapInst = new GoogleMapObject($(this).attr('id'), options);
            $.data(this[0], 'googleMap', mapInst);
            return mapInst;
        }
    });
})(jQuery);

Vielen Dank!

Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage
fatfreddy

fatfreddy hat kostenlosen Webspace.

16:37, 25.3.2012

myserver schrieb:
Ich probiere gerade das jQuery Plugin jQuery GPS aus (http://www.birdwingfx.com/jQuery_gps/index.html) Eigentlich funktioniert alles, aber man braucht eine Google Maps API Code/ Schlüssel. Aber den gibt es ja gar nicht mehr. Was mach ich jetzt? Wie bekomme ich das trotzdem hin?

1. Den API-Key gibt es noch immer: *guckst Du hier*

2.wäre es sinnvoller, die API-Version 3 zu nutzen. Prinzipiell funktionieren V2 und V3 gleich. Es gibt nur einige Änderung in der Syntax und deutlich mehr Funktionen in der V3. Google selbst bietet eine Vielzahl von Beispielen, anhand derer Du dir selbst etwas zusammenstellen kannst
Autor dieses Themas
myserver

myserver hat kostenlosen Webspace.

16:42, 25.3.2012

fatfreddy schrieb:

myserver schrieb:
Ich probiere gerade das jQuery Plugin jQuery GPS aus (http://www.birdwingfx.com/jQuery_gps/index.html) Eigentlich funktioniert alles, aber man braucht eine Google Maps API Code/ Schlüssel. Aber den gibt es ja gar nicht mehr. Was mach ich jetzt? Wie bekomme ich das trotzdem hin?

1. Den API-Key gibt es noch immer: *guckst Du hier*

2.wäre es sinnvoller, die API-Version 3 zu nutzen. Prinzipiell funktionieren V2 und V3 gleich. Es gibt nur einige Änderung in der Syntax und deutlich mehr Funktionen in der V3. Google selbst bietet eine Vielzahl von Beispielen, anhand derer Du dir selbst etwas zusammenstellen kannst

Vielen Dank für die Antwort.
zu 1:Ich hab mir Seite angeschaut, aber wo kann ich mir da den Code generieren lassen?
fatfreddy

fatfreddy hat kostenlosen Webspace.

17:10, 25.3.2012

myserver schrieb:
zu 1:Ich hab mir Seite angeschaut, aber wo kann ich mir da den Code generieren lassen?

Das steht dort doch gaaaaanz deutlich inklusive weiterführendem Link:

To create your API key, visit the APIs Console at https://code.google.com/apis/console and log in with your Google Account.

Click the Services link from the left-hand menu, then activate the Google Maps API v2 service.

Once the service has been activated, your API key is available from the API Access page, in the Simple API Access section. Maps API applications use the Key for browser apps.

By default a key can be used on any site. We strongly recommend that you restrict use of your key only to domains you administer, to prevent use on unauthorized sites. You can specify which domains are allowed to use your API key by clicking the Edit allowed referrers... link for your key.

Wer lesen kann, ist klar im Vorteil.
Autor dieses Themas
myserver

myserver hat kostenlosen Webspace.

18:18, 25.3.2012
Vielen Dank! Das anmelden und aktiviert hatte ich eh gemacht, aber das API access Menü fang ich nicht.
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

lima-city: Gratis werbefreier Webspace für deine eigene Homepage

Dir gefällt dieses Thema?

Über lima-city

lima-city bietet dir kostenlosen und werbefreien Speicherplatz für Deine Homepage. Sofort anmelden und direkt loslegen mit Webspace, PHP, Datenbanken, günstigen Domains und einer tollen Community!

kostenloser Webspace werbefrei: lima-city