I want to do this.... import { Microsoft } from 'bingmaps/scripts/MicrosoftMaps/microsoft.maps';

but because you are not including an export on the module, I am not able to. Can we add explicit export statements to allow for greater integration with Typescript?

e.g. change "declare module Microsoft.Maps {" to "export declare module Microsoft.Maps {"

please also do so for all the files inside the "modules" folder... this will allow imports to be cleaner.

Thanks!

Can you work with the typescript team to get this released on @types. It's much easier to manage using npm that way without having to pull the definitions into a local project. See https://blogs.msdn.microsoft.com/typescript/2016/06/15/the-future-of-declaration-files/

Uncaught ReferenceError: BirdseyeV2InfoExitControl is not defined at o._appendBirdseyeV2InfoExitControl (www.bing.com/rms/MapDelayPluginBundle/cj,nj/32eb50fc/55a5cff6.js?bu=rms+answers+MapsSDKRelease+AnonymousBeginNavigationMapDelay.enMapDelayPluginStartTransitLandmarkOverlaySharingImagePermalinkDefaultPrimitiveCriteriaIRoutePolylineOptionsIRoutePushpinOptionsITransitPushpinOptionsRoutePolylineRoutePushpinListDataSourceKeyProviderBrowserKeyProviderPointerProviderBrowserPointerProviderMapInteractionKeyboardStateMapInteractionMapModeStateHistoryPrintContentBrowserHistoryManagerHashBasedHistoryHistoryWrapperNavigationControlAerialBirdsEyeTransitionManagerNavigationBarMePoiNavigationButtonNavigationButtonTemplateNavigationHelperRotateControlGeochainControlGeochainOverlayGeochainTemplateGeochainSegmentGeochainManagerLocateMeControlLocateMeErrorDialogSelectorControlMapInteractionBehaviorOverlayManagerNavigationBarOverlayGlobalDataEventHandlerImageFromCssHelperDataHandlerKeysIDirectionsTaskStateWaypointCollectionEnumeratorsOverlayEntityOverlayDataEntityActionTaskTypesTaskDataHandlerHelperLocalSearchEntityRecommendationEntityGeocoderReverseGeocoderGeolocationProviderManipulationDeltaInertiaPointerTrailManipulationDeltaTrailStreetsideAutoEntryBehaviorStreetsideAutoEntryBubblePickerOverlayStreetsideBootstrapperStreetsideModeBootstrapperStreetsideMiniOverlayStreetsideMiniBootstrapperStreetsideDirectionsOverlayStreetsideDirectionsBootstrapperStreetsideLocalDetailsBootstrapperStreetsideCoverageBehaviorStreetsideBubblePickerOverlayStreetsideLoggerConstantsStreetsidePerfConstantsZoomInButtonZoomOutButtonMapTypeSwitcherButtonTrafficToggleButtonRadialMenuMapTypeButtonMapTypeButtonTemplateRoadButtonAerialButtonBirdseyeButtonStreetsideButtonOrdnanceSurveyButtonSeasonalButtonGrayscaleButtonCanvasDarkButtonCanvasLightButtonSymbolicNightButtonWinterButtonLabelToggleButtonBirdseyeV2ExitButtonLandmarksManagerLandmarksOverlayCityPolygonManagerMapDelayPluginEndAnonymousEnd*ExternalPromise:1)

I followed the instructions provided in the website https://github.com/Microsoft/Bing-Maps-V8-TypeScript-Definitions . My Visual Studio Code is not showing any errors though I get the error "Cannot find name Microsoft" when I try to run my angular project.

I tried both methods and still get the below error.

• Install npm package
• Use DefinitelyTyped

I also tried to include the bingmaps in the package.json and that didn't work either. Can someone please tell me what I am doing wrong?

Error:

error TS2304: Cannot find name 'Microsoft'.

Below is my code sample

var options = {maxResults: 5, businessSuggestions: true};
Microsoft.Maps.loadModule('Microsoft.Maps.AutoSuggest', function () {
var manager = new Microsoft.Maps.AutosuggestManager( options );
manager.attachAutosuggest('#searchBox', '#searchBoxContainer', suggestionSelected);
});

First attempt

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

Second attempt

/// <reference path="../../../../../../node_modules/@types/bingmaps/index.d.ts" />
/// <reference path="../../../../../../node_modules/@types/bingmaps/Autosuggest.d.ts" />
/// <reference path="../../../../../../node_modules/@types/bingmaps/Clustering.d.ts" />

Environment Info

OS: Windows 10 Browser: Chrome 69.0.3497.92 (Official Build) (64-bit) Angular: 5.1.0 TypeScript: 2.4.2

I am trying to use the SpatialMath class of the Bing Maps API, but when I try and use it below I am getting this error. "Uncaught TypeError: Cannot read propert of 'getHeading' of undefined.

`locs = this.generatePolylinePointsWithArrow(locs, numArrows, arrowLength);

// Finds the heading for the arrow that will be added at the center of the line
var midIdx = Math.floor(locs.length / 2);
var heading: any;
setTimeout(() => {
  
}, 2000)

heading = Microsoft.Maps.SpatialMath.getHeading(locs[midIdx], locs[midIdx + 1]);

// Create the arrow pushpin
var arrowPin = new Microsoft.Maps.Pushpin(locs[midIdx + 1], {
  icon: '<svg xmlns="http://www.w3.org/2000/svg" height="32" width="32"><path d="M10.5 31 L16 16 21.5 31" style="stroke:#FFB500;stroke-width:2px;fill:none;" transform="rotate(' + heading + ', 16, 16)"/></svg>',//'../../../../../assets/Images/arrow.png',//'<img src="../../../../../assets/Images/arrow.png" transform="rotate(' + heading + ', 16, 16)"></img>',
  anchor: new Microsoft.Maps.Point(16, 16)
});`

I suspect this is because my file hasn't loaded SpatialMath yet, but I still don't know how to resolve this issue.

I have these two lines at the top of my file /// <reference path="..\..\..\..\..\..\node_modules\bingmaps\scripts\MicrosoftMaps\Modules\SpatialMath.d.ts"/> /// <reference path="..\..\..\..\..\..\node_modules\bingmaps\scripts\MicrosoftMaps\Microsoft.Maps.d.ts"/>

Am working on Typescript project and having trouble importing the bingmap types. I try to import the types like so:

import { Location } from 'bingmaps'
import * as all from 'bingmaps'
import { Microsoft } from 'bingmaps'

I didn't try to import them all at the same time. These are just three ways I tried to import. In anycase I don't think the way I try to import them is the problem.

My compiler keeps complaining node_modules/bingmaps/types/MicrosoftMaps/Microsoft.Maps.all.d.ts is not a module.

Looking into node_modules/bingmaps folder, there are files.

I have the script and my map is working as expected. There must be some way to import the type definitions in my project... this surely should be documented somewhere. Can someone help?

It is probably not only CustomOverlay problem but with all utilities doing similar staff, but in my case its CustomOverlay. It would be nice to be able to access the CustomOverlay members from this when inside constructional methods like onAdd, onLoad, onRemove...

Thank you.

Hi, is the type definition here: https://github.com/DefinitelyTyped/DefinitelyTyped/tree/master/bingmaps for Bing Maps V8? If not, is it possible for you to add one for V8?

We are using TypeScript definitions package for the Bing Maps V8 Web Control in our React application.

While changing the view from Road to Aerial, we are getting the below error.

Please refer this url for more details https://social.msdn.microsoft.com/Forums/en-US/2052b8db-8e85-4d7f-bb02-760a32c7725a/bing-maps-v8-typescript-definitions-javascript-error?forum=bingmapsajax

Although the 'scripts' folder was renamed to 'types' in version 2.x - some references to 'scripts' still exist.

I have opened a pull request that replaces these instances.

In the documentation for ModuleOptions it says that errorCallback's type is function(errorMessage:string): void, but in this library it's type is () => void. Which is correct?

Hi, I'd like to use "square" navigation bar mode, that is described in bingmaps docs, unfortunatelly here in defined enumeration it is not avaialble. Could you please add it there, or explain why it should not be avaialble?