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? https://github.com/ng2-ui/map/blob/6df8377741b2257329954a5ce2490ecc0707a88a/src/components/ngui-map.component.ts#L153

[sinani]

This worked for me:

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

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