{"id":15173,"date":"2016-11-09T16:15:04","date_gmt":"2016-11-09T14:15:04","guid":{"rendered":"http:\/\/www.webcodegeeks.com\/?p=15173"},"modified":"2018-01-09T10:08:22","modified_gmt":"2018-01-09T08:08:22","slug":"php-google-maps-example","status":"publish","type":"post","link":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/","title":{"rendered":"PHP Google Maps Example"},"content":{"rendered":"<p>According to wikipedia Google Maps is a web based mapping service developed by Google. It offers satellite imagery, street maps, 360\u00b0 panoramic views of streets (Street View), real-time traffic conditions (Google Traffic), and route planning for traveling by foot, car, bicycle (in beta), or public transportation.<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n&nbsp;<br \/>\n[ulp id=&#8217;8njY7i2QRy6sg8pg&#8217;]<br \/>\n&nbsp;<br \/>\nGoogle Maps provides detailed information about geographical regions and sites around the world. In this example we will create a web app with google map embeded.<br \/>\nFor this example we will use:<\/p>\n<ul>\n<li>A computer with PHP &gt;= 5.5 installed<\/li>\n<li>notepad++<\/li>\n<\/ul>\n<h2>1. Getting Started<\/h2>\n<p>Google maps allow access to its mapping service in five different ways. Those are:<\/p>\n<ul>\n<li>Google Maps Javascript API: This allows you to access google maps service through javascript and according to its website it features a robust support.<\/li>\n<li>Google Maps embed API: You do not need any working knowledge of javascript to access Google Map in this way because\u00a0you do not need to write any code. Just enter the neccessary location and copy the given code.<\/li>\n<li>Google Street View Image Api<\/li>\n<li>Google Static Map Api: Embed a map image without JavaScript or dynamic page loading. With this method you embed a map image and you dont need javascript to do it.<\/li>\n<li>Google Places API Javascript Library: Up-to-date information about millions of locations.<\/li>\n<\/ul>\n<p>For this example we are going to use the Google Maps Javascript API. Lets get started.<\/p>\n<h3>1.1 Google Maps Javascript AP<\/h3>\n<figure id=\"attachment_15195\" aria-describedby=\"caption-attachment-15195\" style=\"width: 860px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map2.jpg\"><img decoding=\"async\" class=\"wp-image-15195 size-full\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map2.jpg\" alt=\"Fig 1\" width=\"860\" height=\"484\" srcset=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map2.jpg 860w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map2-300x169.jpg 300w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map2-768x432.jpg 768w\" sizes=\"(max-width: 860px) 100vw, 860px\" \/><\/a><figcaption id=\"caption-attachment-15195\" class=\"wp-caption-text\">Fig 1: Google map with marker<\/figcaption><\/figure>\n<p><span style=\"text-decoration: underline;\"><em>index.html<\/em><\/span><\/p>\n<pre class=\"brush:html; highlight:[35,22,23,27]\">&lt;!DOCTYPE html&gt; \r\n&lt;html lang=en&gt;\r\n\t&lt;head&gt;\r\n\t&lt;style&gt;\r\n #map {\r\n\u00a0 \u00a0 \u00a0 \u00a0 height: 400px;\r\n\u00a0 \u00a0 \u00a0 \u00a0 width: 100%;\r\n\u00a0 \u00a0 \u00a0 \u00a0}\r\n\t&lt;\/style&gt;\r\n\r\n\t\t&lt;meta charset=\"utf-8\" \/&gt;\r\n\t\t&lt;meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\"\/&gt;\r\n\t\t&lt;title&gt; Google Maps Demo &lt;\/title&gt;\r\n\t\t\r\n\t\t&lt;\/head&gt;\r\n\t&lt;body&gt;\r\n\t &lt;h3&gt; Google Maps Demo&lt;\/h3&gt;\r\n\u00a0 \u00a0 &lt;div id=map style=\"width:100%;height:500px\"&gt;&lt;\/div&gt;\r\n\u00a0 \u00a0 &lt;script&gt;\r\n\u00a0 \u00a0 \u00a0 function initMap() {\r\n\r\n\u00a0 \u00a0 \u00a0 \u00a0 var uluru = {lat: 37.59, lng: 23.44};\r\n\u00a0 \u00a0 \u00a0 \u00a0 var map = new google.maps.Map(document.getElementById('map'), {\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 zoom: 4,\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 center: uluru\r\n\u00a0 \u00a0 \u00a0 \u00a0 });\r\n\u00a0 \u00a0 \u00a0 \u00a0 var marker = new google.maps.Marker({\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 position: uluru,\r\n\u00a0 \u00a0 \u00a0 \u00a0 \u00a0 map: map\r\n\u00a0 \u00a0 \u00a0 \u00a0 });\r\n\r\n\u00a0 \u00a0 \u00a0 }\r\n\r\n\u00a0 \u00a0 &lt;\/script&gt;\r\n\u00a0 \u00a0 &lt;script async defer\r\n\u00a0 \u00a0 src=\"http:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY&amp;callback=initMap\"&gt;\r\n\u00a0 \u00a0 &lt;\/script&gt;\r\n\t&lt;\/body &gt;\r\n\t&lt;\/html&gt;\r\n\r\n<\/pre>\n<p>The script above shows the map of Athens, Greece.<br \/>\n<b> Note: <\/b> For this script to work in your browser you need to:<\/p>\n<ul>\n<li>Make sure to get an api key for your web app. You need the key to access Google Map API service. To get an Api key for google map please vist <a href=\"https:\/\/console.developers.google.com\/flows\/enableapi?apiid=maps_backend,geocoding_backend,directions_backend,distance_matrix_backend,elevation_backend,places_backend&amp;reusekey=true\">Google console<\/a> and follow the instructions.<\/li>\n<li>Always make sure you have a valid div tag or element that will be used by Google map object. You should always set the height and width property of your div.<\/li>\n<\/ul>\n<p>If you don&#8217;t follow the instructions above when implementing your web app, unexpected errors that are difficult to debug or even trace will occur. In line 35 we load the Google Map API script.<\/p>\n<pre class=\"brush:bash\">&lt;script async defer src=\"http:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY&amp;callback=initMap\"&gt;\r\n&lt;\/script&gt;\r\n<\/pre>\n<p>The async attribute allows the browser to continue rendering the rest of your page while the API loads. We pass our API key and add a callback function ( The callback function is called after the script has loaded completely ). In this case the function name is <code> initMap<\/code>.<br \/>\nIn line 22 we create an object which holds the coordinates of the region we want displayed. In line 23 we instatiate the map object. We pass our div tag, the zoom value and our coordinate object. In line 27 we create a marker object and pass our map to it. Thats all it takes to create our google map.<br \/>\nLets look at another example.<\/p>\n<figure id=\"attachment_15196\" aria-describedby=\"caption-attachment-15196\" style=\"width: 860px\" class=\"wp-caption aligncenter\"><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map.jpg\"><img decoding=\"async\" class=\"wp-image-15196 size-full\" src=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map.jpg\" alt=\"Fig 2\" width=\"860\" height=\"484\" srcset=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map.jpg 860w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map-300x169.jpg 300w, https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/map-768x432.jpg 768w\" sizes=\"(max-width: 860px) 100vw, 860px\" \/><\/a><figcaption id=\"caption-attachment-15196\" class=\"wp-caption-text\">Fig 2: Google map without marker<\/figcaption><\/figure>\n<p><span style=\"text-decoration: underline;\"><em>index.php<\/em><\/span><\/p>\n<pre class=\"brush:html\">&lt;!DOCTYPE\u00a0html&gt;\r\n&lt;html&gt;\r\n&lt;body&gt;\r\n\r\n&lt;h1&gt;My First Google Map&lt;\/h1&gt;\r\n\r\n\r\n&lt;div id=map style=\"width:100%;height:500px\"&gt;&lt;\/div&gt;\r\n&lt;script&gt;\r\nfunction myMap() {\r\n\r\n  var mapCanvas = document.getElementById(\"map\");\r\n\r\n  var mapOptions = {\r\n    center: new google.maps.LatLng(37.59, 23.44),\r\n    zoom: 10\r\n  }\r\n\r\n  var map = new google.maps.Map(mapCanvas, mapOptions);\r\n\r\n}\r\n\r\n\r\n&lt;\/script&gt;\r\n\r\n&lt;script src=\"http:\/\/maps.googleapis.com\/maps\/api\/js?key=YOUR_API_KEY&amp;callback=myMap\"&gt;&lt;\/script&gt;\r\n\r\n&lt;\/body&gt;\r\n&lt;\/html&gt;\r\n<\/pre>\n<p>The script above displays a map without a marker. If you didnt notice, we changed the zoom level from 4 to 10. This zooms into the map. Try experimenting with different options of the Google Map API and see the results.<\/p>\n<p><b>Note: <\/b> For the examples in this project to work you need to get an API key, this key allows you to successfully access the Google Maps API.<\/p>\n<h2>2. Summary<\/h2>\n<p>In this example we learnt about Google Maps, and the different ways we can access the Google Map service. We also learnt how to access the Google maps Api with javascript.<\/p>\n<h2>3. Download the source code<\/h2>\n<div class=\"download\"><strong>Download<\/strong><br \/>\nYou can download the full source code of this example here: <strong><strong><a href=\"http:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2016\/11\/phpgooglemapexample.zip\">phpgooglemapexample<\/a><\/strong><\/strong><\/div>\n","protected":false},"excerpt":{"rendered":"<p>According to wikipedia Google Maps is a web based mapping service developed by Google. It offers satellite imagery, street maps, 360\u00b0 panoramic views of streets (Street View), real-time traffic conditions (Google Traffic), and route planning for traveling by foot, car, bicycle (in beta), or public transportation. &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; &nbsp; [ulp id=&#8217;8njY7i2QRy6sg8pg&#8217;] &hellip;<\/p>\n","protected":false},"author":164,"featured_media":930,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[10],"tags":[403],"class_list":["post-15173","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-php","tag-php-google-map"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.5 - https:\/\/yoast.com\/wordpress\/plugins\/seo\/ -->\n<title>PHP Google Maps Example - Web Code Geeks - 2026<\/title>\n<meta name=\"description\" content=\"According to wikipedia Google Maps is a web based mapping service developed by Google. It offers satellite imagery, street maps, 360\u00b0 panoramic views of\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"PHP Google Maps Example - Web Code Geeks - 2026\" \/>\n<meta property=\"og:description\" content=\"According to wikipedia Google Maps is a web based mapping service developed by Google. It offers satellite imagery, street maps, 360\u00b0 panoramic views of\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/\" \/>\n<meta property=\"og:site_name\" content=\"Web Code Geeks\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/webcodegeeks\" \/>\n<meta property=\"article:published_time\" content=\"2016-11-09T14:15:04+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2018-01-09T08:08:22+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg\" \/>\n\t<meta property=\"og:image:width\" content=\"150\" \/>\n\t<meta property=\"og:image:height\" content=\"150\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/jpeg\" \/>\n<meta name=\"author\" content=\"Olayemi Odunayo\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:creator\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:site\" content=\"@webcodegeeks\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Olayemi Odunayo\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"4 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#article\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/\"},\"author\":{\"name\":\"Olayemi Odunayo\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/417918d9b5811210265e8590509718b8\"},\"headline\":\"PHP Google Maps Example\",\"datePublished\":\"2016-11-09T14:15:04+00:00\",\"dateModified\":\"2018-01-09T08:08:22+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/\"},\"wordCount\":622,\"commentCount\":1,\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg\",\"keywords\":[\"php google map\"],\"articleSection\":[\"PHP\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/\",\"name\":\"PHP Google Maps Example - Web Code Geeks - 2026\",\"isPartOf\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg\",\"datePublished\":\"2016-11-09T14:15:04+00:00\",\"dateModified\":\"2018-01-09T08:08:22+00:00\",\"description\":\"According to wikipedia Google Maps is a web based mapping service developed by Google. It offers satellite imagery, street maps, 360\u00b0 panoramic views of\",\"breadcrumb\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#primaryimage\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg\",\"width\":150,\"height\":150},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.webcodegeeks.com\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"PHP\",\"item\":\"https:\/\/www.webcodegeeks.com\/category\/php\/\"},{\"@type\":\"ListItem\",\"position\":3,\"name\":\"PHP Google Maps Example\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#website\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"name\":\"Web Code Geeks\",\"description\":\"Web Developers Resource Center\",\"publisher\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.webcodegeeks.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#organization\",\"name\":\"Exelixis Media P.C.\",\"url\":\"https:\/\/www.webcodegeeks.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"contentUrl\":\"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png\",\"width\":864,\"height\":246,\"caption\":\"Exelixis Media P.C.\"},\"image\":{\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/webcodegeeks\",\"https:\/\/x.com\/webcodegeeks\"]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/417918d9b5811210265e8590509718b8\",\"name\":\"Olayemi Odunayo\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/016b2a353262962fceecf5c274161cd9ef60fdf1593ec95e71d37f5fd9b444f6?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/016b2a353262962fceecf5c274161cd9ef60fdf1593ec95e71d37f5fd9b444f6?s=96&d=mm&r=g\",\"caption\":\"Olayemi Odunayo\"},\"description\":\"I am a programmer and web developer, who has experience in developing websites and writing desktop and mobile applications. I have worked with both schematic and schemaless databases. I am also familiar with third party API and working with cloud servers. I do programming on the client side with Java, JavaScript, html, Ajax and CSS while I use PHP for server side programming.\",\"sameAs\":[\"https:\/\/www.webcodegeeks.com\/\"],\"url\":\"https:\/\/www.webcodegeeks.com\/author\/olayemi-odunayo\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"PHP Google Maps Example - Web Code Geeks - 2026","description":"According to wikipedia Google Maps is a web based mapping service developed by Google. It offers satellite imagery, street maps, 360\u00b0 panoramic views of","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/","og_locale":"en_US","og_type":"article","og_title":"PHP Google Maps Example - Web Code Geeks - 2026","og_description":"According to wikipedia Google Maps is a web based mapping service developed by Google. It offers satellite imagery, street maps, 360\u00b0 panoramic views of","og_url":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/","og_site_name":"Web Code Geeks","article_publisher":"https:\/\/www.facebook.com\/webcodegeeks","article_published_time":"2016-11-09T14:15:04+00:00","article_modified_time":"2018-01-09T08:08:22+00:00","og_image":[{"width":150,"height":150,"url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg","type":"image\/jpeg"}],"author":"Olayemi Odunayo","twitter_card":"summary_large_image","twitter_creator":"@webcodegeeks","twitter_site":"@webcodegeeks","twitter_misc":{"Written by":"Olayemi Odunayo","Est. reading time":"4 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#article","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/"},"author":{"name":"Olayemi Odunayo","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/417918d9b5811210265e8590509718b8"},"headline":"PHP Google Maps Example","datePublished":"2016-11-09T14:15:04+00:00","dateModified":"2018-01-09T08:08:22+00:00","mainEntityOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/"},"wordCount":622,"commentCount":1,"publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg","keywords":["php google map"],"articleSection":["PHP"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/","url":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/","name":"PHP Google Maps Example - Web Code Geeks - 2026","isPartOf":{"@id":"https:\/\/www.webcodegeeks.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#primaryimage"},"image":{"@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#primaryimage"},"thumbnailUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg","datePublished":"2016-11-09T14:15:04+00:00","dateModified":"2018-01-09T08:08:22+00:00","description":"According to wikipedia Google Maps is a web based mapping service developed by Google. It offers satellite imagery, street maps, 360\u00b0 panoramic views of","breadcrumb":{"@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#primaryimage","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2014\/10\/php-logo.jpg","width":150,"height":150},{"@type":"BreadcrumbList","@id":"https:\/\/www.webcodegeeks.com\/php\/php-google-maps-example\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.webcodegeeks.com\/"},{"@type":"ListItem","position":2,"name":"PHP","item":"https:\/\/www.webcodegeeks.com\/category\/php\/"},{"@type":"ListItem","position":3,"name":"PHP Google Maps Example"}]},{"@type":"WebSite","@id":"https:\/\/www.webcodegeeks.com\/#website","url":"https:\/\/www.webcodegeeks.com\/","name":"Web Code Geeks","description":"Web Developers Resource Center","publisher":{"@id":"https:\/\/www.webcodegeeks.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.webcodegeeks.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/www.webcodegeeks.com\/#organization","name":"Exelixis Media P.C.","url":"https:\/\/www.webcodegeeks.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/","url":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","contentUrl":"https:\/\/www.webcodegeeks.com\/wp-content\/uploads\/2022\/06\/exelixis-logo.png","width":864,"height":246,"caption":"Exelixis Media P.C."},"image":{"@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/webcodegeeks","https:\/\/x.com\/webcodegeeks"]},{"@type":"Person","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/417918d9b5811210265e8590509718b8","name":"Olayemi Odunayo","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/www.webcodegeeks.com\/#\/schema\/person\/image\/","url":"https:\/\/secure.gravatar.com\/avatar\/016b2a353262962fceecf5c274161cd9ef60fdf1593ec95e71d37f5fd9b444f6?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/016b2a353262962fceecf5c274161cd9ef60fdf1593ec95e71d37f5fd9b444f6?s=96&d=mm&r=g","caption":"Olayemi Odunayo"},"description":"I am a programmer and web developer, who has experience in developing websites and writing desktop and mobile applications. I have worked with both schematic and schemaless databases. I am also familiar with third party API and working with cloud servers. I do programming on the client side with Java, JavaScript, html, Ajax and CSS while I use PHP for server side programming.","sameAs":["https:\/\/www.webcodegeeks.com\/"],"url":"https:\/\/www.webcodegeeks.com\/author\/olayemi-odunayo\/"}]}},"_links":{"self":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/15173","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/users\/164"}],"replies":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/comments?post=15173"}],"version-history":[{"count":0,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/posts\/15173\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media\/930"}],"wp:attachment":[{"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/media?parent=15173"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/categories?post=15173"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.webcodegeeks.com\/wp-json\/wp\/v2\/tags?post=15173"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}