javascript - Shape object is undefined for ng-map -


i'm trying simple app , running uses ngmap overlay custom polygons on map of united states. have been following example ngmap simple polygon. largest difference have compared example transitioning pulling data local json file. here controller code , html code. 

(function () {      var app = angular.module("testapp", ['ngmap']);      app.controller("mapcontroller", mapcontroller);      mapcontroller.$inject = ['$scope', '$timeout', '$http', '$window', 'ngmap'];      function mapcontroller($scope, $timeout, $http, $window, ngmap) {          $scope.eastern = getregioninfo("eastern");          $scope.florida = [];          $scope.gateway = [];          $scope.metronortheast = [];          $scope.midamerica = [];          $scope.midwest = [];          $scope.newenglad = [];          $scope.northern = [];          $scope.southern = [];          $scope.southwest = [];          $scope.western = [];          var easternregion = new google.maps.polygon({            });          function getregioninfo(region) {          $http.get("data/regions.txt").success(function (data) {              $scope[region] = data[region];          })          };      };    })();
<!doctype html>    <html xmlns="http://www.w3.org/1999/xhtml">    <head>      <meta name="description" content="simple map">      <meta name="keywords" content="ng-map,angularjs,center">      <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />      <script src="./libraries/angularjs/angular.js">      </script><script src="http://maps.google.com/maps/api/js?key=aizasyci1dh2ssmkoewzvowtdofqa2gtkmk_ybm&libraries=placeses,visualization,drawing,geometry,places"></script>      <script src="./views/mapcontroller.js"></script>      <script src="./libraries/bootstrap/js/ui-bootstrap-tpls-2.0.0.js"></script>      <script src="./libraries/ng-map.js"></script>          <link href="./libraries/bootstrap/css/bootstrap.css" rel="stylesheet">      <title>test</title>  </head>  <body ng-app="testapp">      <div ng-controller="mapcontroller app">          <ng-map center="[40.74, -74.18]"                  map-type-id="terrain">              <shape name="easternregion"                     paths="[                         [25.774252, -80.190262],                         [18.466465, -66.118292],                         [32.321384, -64.75737],                         [25.774252, -80.190262]                       ]"                     stroke-color="#ff0000"                     stroke-opacity="0.8"                     stroke-weight="2"                     fill-color="#ff0000"                     fill-opacity="0.35">              </shape>          </ng-map>      </div>    </body>  </html>

sadly when run current code receive error in console.

typeerror: cannot read property 'id' of undefined @ __mapcontroller.vm.addobject (http://localhost:64080/libraries/ng-map.js:67:30) @ linkfunc (http://localhost:64080/libraries/ng-map.js:2084:21) @ invokelinkfn (http://localhost:64080/libraries/angularjs/angular.js:9694:9) @ nodelinkfn (http://localhost:64080/libraries/angularjs/angular.js:9093:11) @ compositelinkfn (http://localhost:64080/libraries/angularjs/angular.js:8397:13) @ nodelinkfn (http://localhost:64080/libraries/angularjs/angular.js:9088:24) @ compositelinkfn (http://localhost:64080/libraries/angularjs/angular.js:8397:13) @ nodelinkfn (http://localhost:64080/libraries/angularjs/angular.js:9088:24) @ compositelinkfn (http://localhost:64080/libraries/angularjs/angular.js:8397:13) @ compositelinkfn (http://localhost:64080/libraries/angularjs/angular.js:8400:13)

this function call undefined object causing errors.

 /**       * add object collection of group       * @memberof __mapcontroller       * @function addobject       * @param groupname name of collection object belongs       * @param obj  object add collection, i.e. marker, shape       */      vm.addobject = function(groupname, obj) {        if (vm.map) {          vm.map[groupname] = vm.map[groupname] || {};          var len = object.keys(vm.map[groupname]).length;          vm.map[groupname][obj.id || len] = obj;            if (vm.map instanceof google.maps.map) {            //infowindow.setmap works infowindow.open            if (groupname != "infowindows" && obj.setmap) {              obj.setmap && obj.setmap(vm.map);            }            if (obj.centered && obj.position) {              vm.map.setcenter(obj.position);            }            (groupname == 'markers') && vm.objectchanged('markers');            (groupname == 'custommarkers') && vm.objectchanged('custommarkers');          }        }      };

it seems content in shape tag isn't being parsed? i'm not sure here. insight on issue? thanks!

the error occurs due following declaration:

<shape name="easternregion"              ^^^^^^^^^^^^^             unknown shape type

the point name attribute of shape directive reserved following values (share types):

  • circle
  • polygon
  • polyline
  • rectangle
  • groundoverlay(or image)

in case shape not getting initialized.

modified example 

<script src="https://maps.googleapis.com/maps/api/js"></script>      <script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.6.2/angular.js"></script>      <script src="https://rawgit.com/allenhwkim/angularjs-google-maps/master/build/scripts/ng-map.js"></script>      <div ng-app="ngmap">          <ng-map  center="[25.774252, -80.190262]" zoom="4"                  map-type-id="terrain">              <shape name="polygon"                     paths="[                         [25.774252, -80.190262],                         [18.466465, -66.118292],                         [32.321384, -64.75737],                         [25.774252, -80.190262]                       ]"                     stroke-color="#ff0000"                     stroke-opacity="0.8"                     stroke-weight="2"                     fill-color="#ff0000"                     fill-opacity="0.35">              </shape>          </ng-map>  </div>


Comments

Post a Comment

Popular posts from this blog

How to understand 2 main() functions after using uftrace to profile the C++ program? -

i trying uftrace profile following simple c++ program: #include <iostream> class { public: a() {std::cout << "a created" << std::endl;} ~a() {std::cout << "a destroyed" << std::endl;} }; int main() { a; return 0; } the profile result this: # uftrace a.out created destroyed # duration tid function 2.026 [ 4828] | __cxa_atexit(); [ 4828] | main() { [ 4828] | __static_initialization_and_destruction_0() { 89.397 [ 4828] | std::ios_base::init::init(); 0.768 [ 4828] | __cxa_atexit(); 93.029 [ 4828] | } /* __static_initialization_and_destruction_0 */ 94.425 [ 4828] | } /* main */ [ 4828] | main() { [ 4828] | a::a() { 11.104 [ 4828] | std::operator <<(); 10.825 [ 4828] | std::basic_ostream::operator <<(); 24.514 [ 4828] | } /* a::a */ [ 4828] | a::~a() { 0.978 [ 4828] | ...
Read more

c# - Update a combobox from a presenter (MVP) -

i using mvp in project, new in mvp. have 2 comboboxes. when select option in combobox, combobox should filled new data. this action in presenter. view 'view1' in presenter, , introduced combobox1 , combobox2 properties in 'view1', because need 'datasource', 'displaymember', 'valuemember' , 'refresh()' in method below. but, when using pattern, enough send property like public string combobox2 { { return combobox1.selectedvalue.tosstring(); } } into presenter not whole combobox. how can solve problem? public void onselectedindexchangedcombobox1() { if (view1.combobox1.selectedindex == -1) { return; } datatable dt = tools.getdatatable("a path"); var query = (from o in dt.asenumerable() o.field<string>("afield") == farmerview.combobox1.selectedvalue.tostring() orderby o.field<string>("anotherfield") select...
Read more

How to put a lock and transaction on table using spring 4 or above using jdbcTemplate and annotations like @Transactional? -

i trying put lock on table while writing on table , if happened in between roll-back . trying convert below code lock table test_g1 read; lock table test_g write; -- begin; start transaction; insert test_g1 values(143); insert test_g values(145); select * test_g1; select * test_g; rollback; select * test_g; unlock tables; how convert above code @transactional spring jdbctemplate code? @transactional(rollbackfor={dataaccessexception.class}) public void test(){ jdbctemplate.execute("insert test1 (id, nam) values (4, 'a')"); throw new dataaccessexception("error") { }; } here trying throw error, insert statement should rollback it's not happening . thanks edit-1 attaching code , doing in jdbcdaoimpl.java , mentioned problem comment above test() . app.java package com.cgiri.javabrains.spring4; import org.springframework.beans.factory.annotation.autowired; import org.springframework.context.applic...
Read more