kostenloser Webspace werbefrei: lima-city


Problem mit Google Maps API Schlüssel!

lima-cityForumProgrammiersprachenPHP, MySQL & .htaccess

  1. Autor dieses Themas

    myserver

    myserver hat kostenlosen Webspace.

    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!
  2. Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!

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

  3. 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


  4. Autor dieses Themas

    myserver

    myserver hat kostenlosen Webspace.

    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?
  5. 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. :wink:
  6. Autor dieses Themas

    myserver

    myserver hat kostenlosen Webspace.

    Vielen Dank! Das anmelden und aktiviert hatte ich eh gemacht, aber das API access Menü fang ich nicht.
  7. 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

Login zum Webhosting ohne Werbung!