angular2 google map markerマウスenterとleaveのイベント

私はangular2 google mapを使用しています。私はマウスの情報ウィンドウを開き、マーカーのmouseleaveを閉じる必要があります。 http://embed.plnkr.co/YX7W20/angular2 google map markerマウスenterとleaveのイベント

<!DOCTYPE html> 
 
<html> 
 
    <head> 
 
    <title>Angular 2 QuickStart</title> 
 
    <meta charset="UTF-8"> 
 
    <meta name="viewport" content="width=device-width, initial-scale=1"> 
 

 
    <!-- 1. Load libraries --> 
 
    <!-- Polyfill(s) for older browsers --> 
 
    <script src="https://npmcdn.com/[email protected]/es6-shim.min.js"></script> 
 
    <script src="https://npmcdn.com/[email protected]?main=browser"></script> 
 
    <script src="https://npmcdn.com/[email protected]"></script> 
 
    <script src="https://npmcdn.com/[email protected]/dist/system.src.js"></script> 
 
    
 
    <!-- 2. Configure SystemJS --> 
 
    <script src="systemjs.config.js"></script> 
 
    <script> 
 
     System.import('app').catch(function(err){ console.error(err); }); 
 
    </script> 
 
    </head> 
 

 
    <!-- 3. Display the application --> 
 
    <body> 
 
    <my-app>Loading...</my-app> 
 
    
 
    </body> 
 
    
 
</html> 
 

 

 
<!-- 
 
Copyright 2016 Google Inc. All Rights Reserved. 
 
Use of this source code is governed by an MIT-style license that 
 
can be found in the LICENSE file at http://angular.io/license 
 
-->

出典

2016-09-10 sudheer KB

私はそれがあなたのために働く必要がありますね：

const baseAddEventListeners = (<any>SebmGoogleMapMarker.prototype)._addEventListeners; 
(<any>SebmGoogleMapMarker.prototype)._addEventListeners = function() { 
    this._markerManager.createEventObservable('mouseover', this) 
    .subscribe(() => { this._infoWindow.open(); }); 
    this._markerManager.createEventObservable('mouseout', this) 
    .subscribe(() => { this._infoWindow.close(); }); 

    baseAddEventListeners.call(this); 
}

も参照してくださいPlunkr

出典

2016-09-10 10:57:35 yurzui

お返事ありがとうございました。 plunkrでうまく動作していますが、私のシステムでエラーが発生していますプロパティ '_addEventListeners'はプライベートであり、 'SebmGoogleMapMarker'クラス内でのみアクセス可能ですこれはanguar2-goolge-mapバージョンに関連していますか？私は "angular2-google-maps"を使っています： "0.12.0"。 –

SebmGoogleMapMarker.d.tsの_addEventListeners（）はprivateとして宣言されています。したがって、上記のコードをGoogleマップ0.12.0に書き込む方法はありません。 –

私はコードを更新しました。あなたはそれを試すことができます。 – yurzui

angular2 google map markerマウスenterとleaveのイベント

答えて

関連する問題