<ion-view view-title="Coffee Shop">
    <ion-content>
        <div class="card">
            <div class="item item-divider text-center">
                <h2>{{biz.businessName}}</h2>
            </div>
            <div class="item text-center">
                <div><strong>{{biz.street}}</strong></div>
                <div><strong>{{biz.city}}, {{biz.state}} {{biz.zip}}</strong></div>
            </div>
            <div class="item  text-center">
                <a class="item" href="tel:{{biz.phone}}" style="font-size: 150%;">
                    <i class="icon ion-ios7-telephone" style="font-size: 150%;"></i>
                    Call {{biz.phone}}
                </a>
            </div>
        </div>

        <div class="card" map zoom="18" ng-init="initMap()"
             disable-default-u-i="false"
             disable-double-click-zoom="false"
             draggable="true"
             draggable-cursor="help"
             dragging-cursor="move"
             keyboard-shortcuts="false"
             max-zoom="20"
             min-zoom="8"
             tilt="0"
             map-type-id="ROADMAP" style=" height: 300px;">
        </div>

    </ion-content>
</ion-view>
