Google Maps Plugin and side menu

@tux wrote:

Hello!

Currently i'm creating a simple app.
And want to use some plugins, such as Google Maps.
I've read https://market.ionic.io/starters/google-maps starter and have some questions about using plugins with ionic.
Here the my controller

.controller('PlaylistsCtrl', function($scope, $ionicPlatform) {
    $ionicPlatform.ready(function() {
        var div = document.getElementById("map_canvas");
        console.log(JSON.stringify(div));

        // Invoking Map using Google Map SDK v2 by dubcanada
        var map = plugin.google.maps.Map.getMap(div,{
        'camera': {
            'latLng': setPosition(-19.9178713, -43.9603117),
            'zoom': 10
        }
        });


        // Capturing event when Map load are ready.
        map.addEventListener(plugin.google.maps.event.MAP_READY, function(){

        // Defining markers for demo
        var markers = [{
            position: setPosition(-19.9178713, -43.9603117),
            title: "Marker 1"
        }, {
            position: setPosition(-19.8363826, -43.9787167),
            title: "Marker 2"
        }];

        // Bind markers
        for (var i = 0; i < markers.length; i++) {
            map.addMarker({
            'marker': markers[i],
            'position': markers[i].position
            }, function(marker) {

            // Defining event for each marker
            marker.on("click", function() {
                alert(marker.get('marker').title);
            });

            });
        }
        });


        // Function that return a LatLng Object to Map
        function setPosition(lat, lng) {
        return new plugin.google.maps.LatLng(lat, lng);
        }
    });
    })

In template i have div with id map_canvas with style="width: 100%;height: 100%;z-index: 1000".
Running on device with live reload.
Map are loaded, but side menu overflows map

Is there a way to hide it?

Thanks!

Posts: 1

Participants: 1

Read full topic