diff --git a/.gitignore b/.gitignore
index 2da37b8..32a33e0 100644
--- a/.gitignore
+++ b/.gitignore
@@ -39,3 +39,6 @@ gps-sdr-sim-lut
 # Temporary files
 *.swp
 *~
+
+# Python bytecodes
+*.pyc
\ No newline at end of file
diff --git a/README.md b/README.md
index ea51344..f81ca3d 100644
--- a/README.md
+++ b/README.md
@@ -36,11 +36,9 @@ cd into /mapserver, and run
 python mapper.py
 ```
 
-Then visit http://127.0.0.1:8080/static/baidumap.html to use the baidu Online map.
+Then visit http://127.0.0.1:8080/static/googlemap.html to use the google Online map.
 
-
-
-Actually I don't want to use BaiduMap.. But because of the GFW, I can't access Google..
+Since Baidu map uses the GCJ02 coordinate system, the coordinates shown on the map http://127.0.0.1:8080/static/googlemap.html deviate from the actual position.
 
 You can write an map which can POST data to http://127.0.0.1:8080/post like this
 
diff --git a/mapserver/static/googlemap.html b/mapserver/static/googlemap.html
new file mode 100644
index 0000000..4f4d40d
--- /dev/null
+++ b/mapserver/static/googlemap.html
@@ -0,0 +1,91 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <title>Choose Your Location</title>
+    <script
+      type="text/javascript"
+      src="https://maps.googleapis.com/maps/api/js?key="
+    ></script>
+    <script>
+      // hack Google Maps to bypass API v3 key (needed since 22 June 2016 http://googlegeodevelopers.blogspot.com.es/2016/06/building-for-scale-updates-to-google.html)
+      var target = document.head;
+      var observer = new MutationObserver(function(mutations) {
+        for (var i = 0; mutations[i]; ++i) {
+          // notify when script to hack is added in HTML head
+          if (
+            mutations[i].addedNodes[0].nodeName == "SCRIPT" &&
+            mutations[i].addedNodes[0].src.match(
+              /\/AuthenticationService.Authenticate?/g
+            )
+          ) {
+            var str = mutations[i].addedNodes[0].src.match(
+              /[?&]callback=.*[&$]/g
+            );
+            if (str) {
+              if (str[0][str[0].length - 1] == "&") {
+                str = str[0].substring(10, str[0].length - 1);
+              } else {
+                str = str[0].substring(10);
+              }
+              var split = str.split(".");
+              var object = split[0];
+              var method = split[1];
+              window[object][method] = null; // remove censorship message function _xdc_._jmzdv6 (AJAX callback name "_jmzdv6" differs depending on URL)
+              //window[object] = {}; // when we removed the complete object _xdc_, Google Maps tiles did not load when we moved the map with the mouse (no problem with OpenStreetMap)
+            }
+            observer.disconnect();
+          }
+        }
+      });
+      var config = { attributes: true, childList: true, characterData: true };
+      observer.observe(target, config);
+    </script>
+    <script src="https://unpkg.com/location-picker/dist/location-picker.min.js"></script>
+    <script src="./jquery.js"></script>
+    <script src="./jqueryui.js"></script>
+    <style type="text/css">
+      #map {
+        width: 100%;
+        height: 600px;
+      }
+    </style>
+  </head>
+
+  <body>
+    <div id="map"></div>
+    <br />
+    <button id="confirmPosition">Confirm Position</button>
+    <br />
+    <p>Cursor position: <span id="onIdlePositionView"></span></p>
+    <p>Confirmed position: <span id="onClickPositionView"></span></p>
+    <script>
+      var confirmBtn = document.getElementById("confirmPosition");
+      var onClickPositionView = document.getElementById("onClickPositionView");
+      var onIdlePositionView = document.getElementById("onIdlePositionView");
+      var map = document.getElementById("map");
+      var lp = new locationPicker(
+        map,
+        {
+          setCurrentPosition: true,
+          lat: 39.9077,
+          lng: 116.3974
+        },
+        {
+          zoom: 15
+        }
+      );
+      confirmBtn.onclick = function() {
+        var location = lp.getMarkerPosition();
+        onClickPositionView.innerHTML =
+          "The chosen location is " + location.lat + "," + location.lng;
+        $.post("/post", { lon: location.lng, lat: location.lat, hgt: 100 });
+      };
+      google.maps.event.addListener(lp.map, "idle", function(event) {
+        var location = lp.getMarkerPosition();
+        onIdlePositionView.innerHTML =
+          "The chosen location is " + location.lat + "," + location.lng;
+      });
+    </script>
+  </body>
+</html>
