performance - Handling large data set(100000) on Google Map using angular2 -


i using google map in angular2 app. have used markercluster below.

 (let marker of this._markers) {          let lat = +marker.latitude;         let long = +marker.longitude;          let markerobj = new google.maps.marker({             position: new google.maps.latlng(lat, long),             title: marker.name,             icon: {                 path: google.maps.symbolpath.circle,                 scale: 6,                 fillopacity: 0.8,                 fillcolor: '#5a7793',                 strokecolor: '#ffffff',                 strokeweight: 2,             },             map: this.map,             visible: true,         });         this.markerlayer.push(markerobj);         latlngbounds.extend(markeronmap.getposition());         markerlist.push(markeronmap);     }   let markercluster = new markerclusterer(this.map, markerlist, { imagepath: '../assets/images' });

i want show around 100000 markers on google map. facing lot of performance issues when tried plot 100000 markers.

as per client requirement can not use other map libraries. need stick google map.

do have suggestion me improve performance.

you don't plot 100,000 markers @ once. need reduce amount of data displaying @ time. display individual markers when zoomed in there not many markers in view.

so suggest load markers server based on bounds of google map. coordinates @ top left , bottom right.

so lets have 100,000 markers spread on world. @ world view best not show , ask user zoom in. once @ lower zoom level use bounds of map markers server lie inside bounds. should reduce number of markers have display substantially. don't know coverage of data can figure out zoom levels work best you.


Comments

Post a Comment

Popular posts from this blog

python - Selenium remoteWebDriver (& SauceLabs) Firefox moseMoveTo action exception -

while performing simple hover test on firefox through selenium (3.4.0) python bindings (3.4.3) using of available os in saucelabs (except linux, latest available firefox version old), performing following actionchain: hover = actionchains(driver) hover.move_to_element(elm_men_menu).perform() it throws following error: taceback: file [...] in testhover hover.perform() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 80, in perform action() file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/common/action_chains.py", line 290, in <lambda> command.move_to, {'element': to_element.id})) file "/usr/local/lib/python2.7/dist-packages/selenium/webdriver/remote/webdriver.py", line 256, in execute self.error_handler.check_response(response) file "/usr/local/lib/python2.7/...
Read more

html - How to custom Bootstrap grid height? -

why bootstrap grid has height 591.067 ? did height came ? .main-post { padding: 20px; background-color: #fff; border: 1px solid #d8d8d8; margin-bottom: 100px; } .main-post .post-categories { margin-bottom: 10px } .main-post h3 { margin: 0 0 10px; color: #777; letter-spacing: -1px; font-weight: bold } .main-post .post-author, .main-post .post-date, .main-post .post-comments { font-size: 12px } .main-post img { display: block; margin: 10px 0; } .main-post .post-summary { line-height: 1.7; color: #888 } .main-post { color: #999 } <div class="col-sm-6"> <div class="main-post"> <h3 class="post-title"> <a href="#"> post title </a> </...
Read more

transpose - Maple isnt executing function but prints function term -

im using maple im in worksheetmode tried using maple input , 2d input , want transpose matrix a: := `<|>`(`<,>`(1, .5, -2), `<,>`(.5, 9/4+b, 5+3*b), `<,>`(-2, 5+3*b, 18+9*b+4*a)); b:= transpose(a); when exectute sheet dont translated values, there same input. matrix looks same input matrix plus function term. you can see picture in following link: why arent functions executed? meanwhile b:=a^+ doing right way , transposed matrix. other functions return function body instead needed values... if using 2d input mode (the default) space you've got between transpose , bracketed (b) interpreted multiplcation. rid of such space. also, either load package @ start of document like, with(linearalgebra): before calling transpose command package, or call it's full name like, linearalgebra:-transpose(b);
Read more