I want to use Google map in OpenLayers3

Question

I want to know how I use Google map in OpenLayers.

I already know, that some example codes exist, but it's too hard to understand them.

Also, I already use OSM, Bing, and ArcMap.

I found lots of information in Google, but almost all are too complicated. I wonder if someone will help me.

ps. My English is not very good, so there are some grammar mistakes and something like rude. Forgive me.

Here is my codes....

<select id="baseType" name="baseType" class="lineStyle">
    <option value="google">Google</option>
    <option value="osm">OSM</option>
    <option value="bing">Bing</option>
    <option value="arc">ArcMap</option>
</select>

and then in js....

var bType = $("#baseType").val();
    switch (bType) {
        case "google":
            ??????
            source.SOURCE_TYPE = "google";
            break;
        case "osm":
            ....
        case "bing":
            ....
        case "arc":
            ....

Then I output in label.

I want to some simple codes in QuestionMarks(in Above Codes).

For example, in OSM

source = new ol.source.MapQuest({
    layer : "osm"
});
source.SOURCE_TYPE = "osm";

I apologize that I didn't write codes.

Answer 1

OpenLayers 3 developers don't intend to support Google Maps out of the box. It was a mess for developers for the OpenLayers 2 version as it broke several times and was making the library more bloated.

You should better use a project that use OpenLayers 3 called ol3-google-maps or simply avoid using Google Maps with OpenLayers 3.