@stratusjs/idx/src/map/map.component.html

AngularJS idx/property Service and Components bundle to be used as an add on to StratusJS

<sa-boot></sa-boot>
<div id="{{::elementId}}" data-ng-cloak aria-label="Google Maps Display">
    <div
            data-ng-if="!initialized || !mapInitialized"
            data-layout="row"
            data-layout-align="center center"
            style="height: {{height}}; width: {{width}};"
    >
        <md-progress-circular md-mode="indeterminate"></md-progress-circular>
    </div>
    <sa-map
            data-ng-if="initialized"
            data-ng-show="mapInitialized"
            data-callback="{{::instancePath}}.mapInitialize"
            data-google-maps-key="{{::getGoogleMapsKey()}}"
            data-map-type="{{::mapType}}"
            data-zoom="{{::zoom}}"
            data-zoom-control="{{::zoomControl}}"
            data-scrollwheel="{{::scrollwheel}}"
            data-height="{{::height}}"
            data-width="{{::width}}"
            data-default-icon="{{::markerIcon}}"
            data-default-icon-hover="{{::markerIconHover}}"
            data-default-icon-label-origin-x="{{::markerIconLabelOriginX}}"
            data-default-icon-label-origin-y="{{::markerIconLabelOriginY}}"
            data-full-height="{{::fullHeight}}"
            data-full-height-minus-elements="{{::fullHeightMinusElements}}"
            data-reference-parent="{{::referenceParent}}"
    ></sa-map>
</div>