Bing Maps Search

[nlcano]

Hi there,

Do you have any sample with Bing Maps and the Search Manager (Microsoft.Maps.Search) implemented ?

Thanks for your help! -NC

[thor-schueler]

@nlcano, no we currently do not have support for this in place as part of angular-maps. We do have support for loading modules etc. But you'd have to implement the payloads yourself and then bind the results to the various components.

[nlcano]

@thor-schueler: Thanks, I am planning to add support for the Search Feature (and others). I would appreciate if you can provide some guidance.

So far, I clone and link the package locally, but I am getting the issue: Uncaught (in promise): Error: Unexpected value '[object Object]' with the same code that works with the published package.

[thor-schueler]

@nlcano: yeah, linking is tricky. When you link, the entire project gets linked into the node_modules folder of you local project, including the .ts files. So when you build, the ngc compiler will try to compile those file as well (depending on how your tsconfig in the local test project is setup). However, all the references will be screwed up, hence the errors (at least this is what I suspect).

You really have two options here:

• build the package in your local clone (npm run prepublish) and then copy the contents of the dist folder into the appropriate place in the node_modules of your local test project (instead of using npm link). That is what I usually do. Since the dist won't contain the ts files, you'll be in good shape.
• adjust the tsconfig file in your local test project to exclude any .ts files in node_modules from the compile.

If you continue to have issues getting it setup, let me know and I'll setup a skype to look at it with you. Once you got a local version, adding the search capabilities will likely include:

• Defining a search service contract. (see the abstracts in the services root as go-bys)
• Implement the contract for bing (and preferably for google).
• Create a component the renders the search box for inclusion in the map. You'd inject the service into the component and the results would probably be an observable that that map host can subscribe to to do appropriate things.

Hope that helps....

[abhishekgupta1991]

Looking for only search box without bing map like autocomplete. When we are trying write in the box will hit the bing api and get the results. If you can advice, how we can achieve it with angular map.