NativeScript Here

先决条件

您需要一个Here APP ID和APP代码，因此请通过Here注册。注册后，转到您的项目 > (您的项目名称) > 为您的起始SDK生成`密钥`。

安装

tns plugin add nativescript-here

Android

将以下内容添加到您的ApplicationManifest.xml中，在您的应用程序打开标签之后和关闭标签之前

<meta-data android:name="com.here.android.maps.appid" android:value="YOUR_APP_ID"/>
<meta-data android:name="com.here.android.maps.apptoken" android:value="YOUR_APP_CODE"/>
		

iOS

将以下内容放在您的app.ts , app.js或main.ts中

import { Here } from 'nativescript-here';

import * as application from 'tns-core-modules/application';
import { Here } from 'nativescript-here';

application.on('launch', () => {
    Here.init('APP_ID', 'APP_CODE');
});

用法

重要：请确保在页面元素上包含xmlns:map="nativescript-here"属性

<map:Here mapStyle="hybrid_day" mapReady="onMapReady" row="3" id="map" zoomLevel="12"  disableZoom="false" disableScroll="false" latitude="10.6689243" longitude="-61.5315486"/>

import { HereMarker } from 'nativescript-here';
export function onMapReady(event){
    const map = event.object;
        map.addMarkers(<HereMarker[]>[{
            id: 1,
            latitude: 10.6689243,
            longitude: -61.5315486,
            title: 'Home',
            description: 'Hmmm ... 🤔',
            draggable: true,
            onTap: (marker) => {
                const updatedMarker = Object.assign({}, marker, {
                    selected: !marker.selected
                });
                map.updateMarker(updatedMarker);
            }
        }]);
}

API

许可证

Apache许可证版本2.0，2004年1月