Overlay elements (image/view) on map

[amjd]

Can we overlay an image (e.g., a location marker fixed at the center) or a view (e.g., text field or search bar) on top of the map?

I tried something like this, but the elements within the <maps:mapView> tags didn't show at all:

<maps:mapView id="map" latitude="12.85" longitude="77.66" mapReady="onMapReady">
    <SearchBar hint="Enter an address..." id="search" keyboardType="text" />
</maps:mapView>

[dapriett]

You can't add Nativescript view elements directly into the mapView. Use Nativescript layouts like below, to position Nativescript elements over the map.

<Page xmlns="http://www.nativescript.org/tns.xsd" xmlns:maps="nativescript-google-maps-sdk" loaded="pageLoaded">
    <GridLayout >
        <maps:mapView  id="map" latitude="12.85" longitude="77.66" mapReady="onMapReady"/>
        <GridLayout rows="auto">
            <SearchBar hint="Enter an address..." id="search" keyboardType="text" style="background-color: white; margin: 10;" />
        </GridLayout>
    </GridLayout>
</Page>