Using angular-maps

[MrGoogol]

I followed the three steps in Use section and tried various things without much luck. The error code I get when trying to implement bing-maps component in my angular project is:

Uncaught Error: Template parse errors:
Can't bind to 'Latitude' since it isn't a known property of 'map-marker'.
1. If 'map-marker' is an Angular component and it has 'Latitude' input, then verify that it is part of this module.
2. If 'map-marker' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("
  <x-map #xmap [Options]="_options">
      <map-marker
          [ERROR ->][Latitude]="30" 
          [Longitude]="90" 
          [Title]="'My Marker'" 
"): ng:///AppModule/BingMapComponent.html@6:10
Can't bind to 'Longitude' since it isn't a known property of 'map-marker'.

Were there additional imports necessary for bing-map component that I created?
Also I tried having the line

///<
reference path="../../../node_modules/bingmaps/types/MicrosoftMaps/Microsoft.Maps.All.d.ts" />

at the top of the bing-map component

[thor-schueler]

Michael, have you looked at any of the plunker code samples posted in the samples section? Are you adhering to those patterns? The actual marker component name is x-map-marker, not map-marker. This has changed a number of versions back, but we never updated the overview. I have done that. However, best follow the samples as they are more complete and we keep adding new ones...

[MrGoogol]

Maps are starting to show up. Plunker code samples helped yet I am not seeing how variable ILatLong was defined; wasn't it supposed to be coming from import of one of the libraries? (New to Angular - thankyou for helping)

There is a new error where ILatLong is not defined.
_markers: Array<ILatLong> = new Array<ILatLong>();

ERROR in src/app/bing-map/bing-map.component.ts(38,22): error TS2304: Cannot find name 'ILatLong'.

[thor-schueler]

ILatLong is an interface type defined in angular-maps. You will have to import it before using it. Put

import { ILatLong } from 'angular-maps';

into your imports in the file where you want to use the interface.

[thor-schueler]

@MihaelFeldman: are you good? Can I close this issue?

[MrGoogol]

Getting another error when trying to use Google Maps:

Uncaught Error: Template parse errors:
Can't bind to 'Options' since it isn't a known property of 'x-map'.
1. If 'x-map' is an Angular component and it has 'Options' input, then verify that it is part of this module.
2. If 'x-map' is a Web Component then add 'CUSTOM_ELEMENTS_SCHEMA' to the '@NgModule.schemas' of this component to suppress this message.
3. To allow any property add 'NO_ERRORS_SCHEMA' to the '@NgModule.schemas' of this component. ("<i class="fa"></i>
<div style="height: 400px; width: 960px">
    <x-map #xmap [ERROR ->][Options]="_options" [Box]="_box">
          <x-map-marker *ngFor="let m of _markers; let i=index" [L"): ng:///AppModule/GmapComponent.html@2:17
Can't bind to 'Box' since it isn't a known property of 'x-map'.

[thor-schueler]

@MihaelFeldman it looks like you are having some basic issues with angular as opposed to the maps components. It appears that you are not importing the appropriate components in your module. Please use one of the samples in https://github.com/infusion-code/angular-maps/wiki/Samples as a go by. These are working implementation on plunker.

Alternatively, you can create a plunker that illustrates your problem and I will take a look at it.