首页 > 解决方案 > NATIVESCRIPT + JS 使用按钮添加标记到地图

问题描述

如何通过 id 选择 mymap 然后添加标记?

function addMarker(args){
        var MyMapById; // i dont know how to bind mymaps to this variable
        MyMapById.clear();
        var marker = new mapsModule.Marker();
        marker.position = mapsModule.Position.positionFromLatLng(latitude, longitude);
        MyMapById.addMarker(marker);
    }

这是我的 xml 页面:

<Page 
    xmlns="http://www.nativescript.org/tns.xsd"
    xmlns:maps="nativescript-google-maps-sdk"
    navigatedTo="onNavigatedTo">
    <GridLayout rows="auto, *">
        <Button text="Add Marker" tap="addMarker" />

        <maps:mapView latitude="{{ latitude }}" longitude="{{ longitude }}" row="1" id="mymap"  
         mapAnimations="false" cameraChanged="onCameraChanged" zoom="12" mapReady="onMapReady" />
    </GridLayout>
</Page>

谢谢。

标签: javascriptnativescriptgoogle-maps-android-api-2

解决方案


例如,您必须能够使用 getViewById 方法获取对页面上任何组件的引用page.getViewById("mymap")


推荐阅读