map.setCenter doesn't do anything

[t-zander]

IMPORTANT
Please be specific with an example. An issue with no example or unclear requirements may be closed.

Steps to reproduce and a minimal demo
Just try to perform this.map.setCenter({lat : anyNumber Here, lng: anyNumberHere})
as well as this.map.setZoom()
It doesn't give any errors but it also doesn't work.
Am I doing something wrong?
What is the proper way to center my map programatically then?

• What steps should we try in your demo to see the problem?
• Plunker example
• If you cannot reproduce an issue with a plunker example, it's your environmental issue

Current behavior

• Doesn't center the map doesn't change zoom lvl

Expected/desired behavior

• Ability to zoom in out the map, to center it

Other information

[allenhwkim]

Please provide example that does not work.

[sinani]

Case 1

@Component({ ... })
export class MyMapComponent {
  center = { lat: 1; lng: 2 };

  onClick() {
    this.center = { lat: 45, lng, 45 };
  }

<pre>{{center|json}}</pre>
<ngui-map #nguimap [center]="center"></ngui-map>

Case 2
Could we have a setCenter(position) or panTo(position) method?

map/src/components/ngui-map.component.ts

Line 153 in 6df8377

setCenter(): void {

[sinani]

This worked for me:

onMapReady($event) {
  this.mapObject = $event.data.map;
}

onCenterClick() {
  this.mapObject.setCenter({ // or .panTo(..)
    lat: 43.7260366,
    lng: -79.829754
  });
}