Создать карту для каждой страницы

Question

У меня есть данные, где у меня есть местоположения, я могу редактировать местоположение или создавать новое местоположение, мне нужно создавать карту, когда я хочу создать новое местоположение или редактировать местоположение

в новом месте карта создается, но когда я хочу редактировать карту не создается

Новое местоположение

Изменить местоположение

Каков наилучший способ сделать это? Я пытался сделать это с классом, а не использовать идентификатор

<div id="map"></div>

// FOR EDIT
var lat = $scope.place.latitude;
var lng = $scope.place.longitude;
$scope.map = new google.maps.Map(document.getElementById('map'), {
             zoom: 15,
             center: new google.maps.LatLng(lat, lng),
             mapTypeId: google.maps.MapTypeId.ROADMAP
});

// FOR NEW
$scope.map = new google.maps.Map(document.getElementById('map'), {
             zoom: 13,
             center: new google.maps.LatLng(20.967370, -89.592586),
             mapTypeId: google.maps.MapTypeId.ROADMAP
});