Erstellen Sie eine dynamische Google Map mit iframe api

Ich möchte dynamische Google Map mit Iframe erstellen, wenn der Kunde die Adresse in einem benutzerdefinierten Feld hinzufügen kann. Die Google Map generiert automatisch den Wert des benutzerdefinierten Felds in den Standort. wie kann es möglich sein.

Solutions Collecting From Web of "Erstellen Sie eine dynamische Google Map mit iframe api"

Erster Schritt: Machen Sie sich mit der Google Maps-API für die Einbettung vertraut . und melden Sie sich für den API-Schlüssel an:

Die Iframe-Einbettungsoption hat im Gegensatz zur JavaScript-API keine Nutzungsbeschränkungen, aber nicht so viele Optionen / functionen. Bestimmen Sie, welchen Modus Sie benötigen und beachten Sie das erforderliche URL-Format und die Parameter.

Adressfelder Schritt zwei: Sammeln Sie die Adresse vom Benutzer. Für diese Diskussion werde ich ein Beispiel zeigen, in dem der Benutzer die Adresse in benutzerdefinierte Metabox-Felder auf einem Post hinzufügt und annehmen wird, dass die Felddaten validiert / bereinigt wurden .

Anzeigebeispiel Schritt drei: Erstellen Sie eine function zum Erstellen des Iframes. Hier ist ein Beispiel … Ich bin mir sicher, dass das sauberer sein könnte. Die Beispielfunktion kann mit der Post $ ID des Posts, der die Adressfelder enthält, oder innerhalb der Schleife ohne das Argument aufgerufen werden.

function build_map($id = NULL) { /* Custom metabox field ids /* Steet Address 'location_address' /* City 'location_city' /* State 'location_state' /* Postcode 'location_postcode' */ if( empty($id) ){ $id = get_the_ID(); } $address = array( /*urlencode to replace spaces with +, etc.,. */ 'address' => urlencode(get_post_meta($id, 'location_address', TRUE)), 'city' => urlencode(get_post_meta($id, 'location_city', TRUE)), 'state' => urlencode(get_post_meta($id, 'location_state', TRUE)), 'zip' => urlencode(get_post_meta($id, 'location_postcode', TRUE)), ); /* Make sure we have each required field to build iframe*/ if( count( array_filter($address) ) < 4 ){ return; } /* contruct your output as you desire, this is my method: */ $op = '
'; $op .= '