From 0fa60fc0c68b02110c7a2c90d04dd478138871bb Mon Sep 17 00:00:00 2001
From: ahocevar <andreas.hocevar@gmail.com>
Date: Wed, 5 Feb 2014 18:55:55 +0100
Subject: [PATCH] Updating example to use the new vector API

---
 examples/google-map.html |  5 +++++
 examples/google-map.js   | 27 +++++++++++++++++++++------
 2 files changed, 26 insertions(+), 6 deletions(-)

diff --git a/examples/google-map.html b/examples/google-map.html
index 31896f93cd..82760fdfaa 100644
--- a/examples/google-map.html
+++ b/examples/google-map.html
@@ -8,6 +8,11 @@
     <link rel="stylesheet" href="../resources/bootstrap/css/bootstrap.min.css" type="text/css">
     <link rel="stylesheet" href="../resources/layout.css" type="text/css">
     <link rel="stylesheet" href="../resources/bootstrap/css/bootstrap-responsive.min.css" type="text/css">
+    <style type="text/css">
+    div.ol-logo {
+      left: 65px;
+    }
+    </style>
     <script src="http://maps.google.com/maps/api/js?v=3&amp;sensor=false"></script>
     <title>Google Maps integration example</title>
   </head>
diff --git a/examples/google-map.js b/examples/google-map.js
index 7207961a0d..53ee9fa843 100644
--- a/examples/google-map.js
+++ b/examples/google-map.js
@@ -1,12 +1,16 @@
+// NOCOMPILE
+// This example uses the GMapx v3 API, which we do not have an exports file for.
 goog.require('ol.Map');
 goog.require('ol.RendererHint');
 goog.require('ol.View2D');
 goog.require('ol.interaction');
 goog.require('ol.interaction.DragPan');
 goog.require('ol.layer.Vector');
-goog.require('ol.parser.GeoJSON');
 goog.require('ol.proj');
-goog.require('ol.source.Vector');
+goog.require('ol.source.GeoJSON');
+goog.require('ol.style.Fill');
+goog.require('ol.style.Stroke');
+goog.require('ol.style.Style');
 
 
 var gmap = new google.maps.Map(document.getElementById('map'), {
@@ -27,10 +31,21 @@ gmap.controls[google.maps.ControlPosition.TOP_LEFT].push(olmap);
 
 google.maps.event.addListenerOnce(gmap, 'tilesloaded', function() {
   var vector = new ol.layer.Vector({
-    source: new ol.source.Vector({
-      parser: new ol.parser.GeoJSON(),
-      url: 'data/countries.geojson'
-    })
+    source: new ol.source.GeoJSON({
+      url: 'data/geojson/countries.geojson',
+      projection: 'EPSG:3857'
+    }),
+    styleFunction: function(feature, resolution) {
+      return [new ol.style.Style({
+        fill: new ol.style.Fill({
+          color: 'rgba(255, 255, 255, 0.6)'
+        }),
+        stroke: new ol.style.Stroke({
+          color: '#319FD3',
+          width: 1
+        })
+      })];
+    }
   });
 
   var center = gmap.getCenter();