1

我正在尝试在地图上获取自定义标记图标。我使用了 nativescript-google-maps-sdk v^2.9.1 并且出现以下错误。

CONSOLE LOG file:///node_modules/@nativescript/core/image-source/image-source.js:306:0: fromResource() is deprecated. Use ImageSource.fromResourceSync() instead.
CONSOLE ERROR file:///node_modules/@angular/core/fesm5/core.js:4002:0: ERROR TypeError: null is not an object (evaluating 'this._icon.imageSource.ios')

添加在地图上获取标记的代码是

addMarker(mark, index): void {
    const marker = new Marker();
    marker.position = Position.positionFromLatLng(mark.latitude, mark.longitude);
    // marker.icon = this.ocean_pin; // default pin
    const is24 = (isIOS ? '_24' : '');
    marker.icon = 'https://www.iconsdb.com/icons/preview/red/map-marker-2-xxl.png';//'https://mob-app-assets.s3.eu-west-2.amazonaws.com/pin_ocean' + is24 + '.png'; // default pin
    this.mapView.addMarker(marker);
    this.mMarkers.push(marker); // to update marker pin when carousel swiped
  }

以前我使用资产中的图标，它就像一个魅力。在下面找到适用于资产图标的代码。

import * as imageSource from 'tns-core-modules/image-source';
import { Image } from 'tns-core-modules/ui/image/image';


constructor() {
    super();
    this.buttonHeight = isAndroid ? 45 : 35;
    const is24 = (isIOS ? '_24' : '');
    this.ocean_pin = new Image();
    this.ocean_pin.src = '~assets/icons/pin_ocean' + is24 + '.png';
    this.ocean_pin.imageSource = imageSource.fromFile('~assets/icons/pin_ocean' + is24 + '.png');
    this.pink_pin = new Image();
    this.pink_pin.src = '~assets/icons/pin_pink' + is24 + '.png';
    this.pink_pin.imageSource = imageSource.fromFile('~assets/icons/pin_pink' + is24 + '.png');
  }

我不知道出了什么问题。但现在它不适用于来自 URL 的图标。

4

0 回答 0