<!-- <ion-view class="chat-content" view-title="Chat Content" hide-nav-bar="true"> -->
<!-- <ion-content scroll="false"> -->
<div hide-nav-bar="true">
        <div class="app-header" style="height: 50px">
            <div class="chat-header layout-fixed h50px">
                <div class="w40px clear pdL10" ng-click="closeTarget('#GoogleMap')">
                    <button class="bg-transparent left">
                        <!--<svg class="h22px" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 483.049 483.049" style="enable-background:new 0 0 483.049 483.049;" xml:space="preserve"> <g> <polygon style="fill:#5299D3;" points="121.155,241.524 361.894,241.524 361.894,0  " /> <polygon style="fill:#81B4DE;" points="361.894,483.049 361.894,241.524 121.155,241.524  " /> </g> </svg>-->
                        <svg class="h22px" xml:space="preserve" style="enable-background:new 0 0 483.049 483.049;" viewBox="0 0 483.049 483.049" y="0px" x="0px" xmlns:xlink="http://www.w3.org/1999/xlink" xmlns="http://www.w3.org/2000/svg" version="1.1"> <g> <polygon points="121.155,241.524 361.894,241.524 361.894,0  " style="fill:#81B4DE;" /> <polygon points="361.894,483.049 361.894,241.524 121.155,241.524  " style="fill:#FFF;" /> </g> </svg>
                    </button>
                    <!-- <span style="background-color:red" ng-if="badge!=0">{{badge}}</span> -->
                </div>
                <div class="clear pdL10">
                    <div class="app-title-name left full-w">
                        <div class="name fz20 lh1 clr-black uppercase nowrap">GOOGLE MAP</div>
                        <!-- <div class="sname fz16 lh1 clr-white mgT5 nowrap">{{chatinfo.name||chatinfo.display_name + ' - ' + chatinfo.title}}</div> -->
                    </div>
                </div>
                
            </div>
        </div>

        <div class="app-content">
            <ion-scroll zooming="true" direction="xy" style="width: 100vw; height: 100vh">
                <div id="map_canvas" data-tap-disabled="true"></div>
            </ion-scroll>     
        </div>
</div>
<style type="text/css">
#GoogleMap .scroll {
    height: 100%;
}
#map_canvas {
    width: 100%;
    height: 100%;
}
    
</style>

    

