1 2 3// var rvk_center = [-2434901.536024, 9381059.153668] 4// var holtavorduheidi_center = [-2386364.023063, 9561049.246023] 5var fjardarheidi_center = [-1583469, 9677233] 6 7var map = new ol.Map({ 8 view: new ol.View({ 9 center: fjardarheidi_center, 10 zoom: 11.4, 11 // minZoom:5, 12 minZoom: 3, 13 maxZoom: 19 14 }), 15 controls: ol.control.defaults({ attributionOptions: { collapsible: true } }), 16 interactions : ol.interaction.defaults({doubleClickZoom :false,altShiftDragRotate:false, pinchRotate:false}), 17 target: 'js-map', 18}) 19 20 21// var OSMStandard = new ol.layer.Tile({ 22// source: new ol.source.OSM({ 23// // url: 'http://{a-c}.basemaps.cartocdn.com/light_all/{z}/{x}/{y}.png' 24// }), 25// // visible: true, 26// title: 'OSMStandard', 27// // attributions: 'Map Tiles © ' + new Date().getFullYear() 28// visible: false 29// }) 30 31// map.addLayer(OSMStandard); 32 33// var OSMStandard = new ol.layer.Tile({ 34// source: new ol.source.TileWMS({ 35// url: 'https://gis.lmi.is/mapcache/wms', 36// params: {'LAYERS':'LMI_Kort'} 37// }), 38// // visible: true, 39// title: 'OSMStandard', 40// attributions: 'Map Tiles © ' + new Date().getFullYear(), 41// visible: false 42// // zIndex: 10 43// }) 44 45// map.addLayer(OSMStandard); 46 47var OSMStandard = new ol.layer.Tile({ 48 source: new ol.source.XYZ({ 49 url: 'https://server.arcgisonline.com/ArcGIS/rest/services/World_Street_Map/MapServer/tile/{z}/{y}/{x}', 50 maxZoom: 19, 51 attributions: 52 'Tiles © <a href="https://services.arcgisonline.com/ArcGIS/' + 'rest/services/World_Imagery/MapServer">ArcGIS</a>' 53 }), 54 visible: false 55}); 56map.addLayer(OSMStandard) 57 58// map.getView().fit([-2444255.6721459883265197,9376680.7555828671902418,-2428368.0860126595944166,9388450.5387795995920897]); 59// map.getView().fit([-2450000,9376680.7555828671902418,-2428368.0860126595944166,9388450.5387795995920897]); 60 61 62//Add zoom slider 63// var zoomslider = new ol.control.ZoomSlider(); 64// map.addControl(zoomslider); 65 66 67//Add zoom bar 68var zoom = new ol.control.Zoom(); 69map.addControl(zoom); 70 71// var BingMap = new ol.layer.Tile({ 72// source: new ol.source.BingMaps({ 73// key: 'Aoko-RpqAoPGfi0XMSUmnvGyuvU_24JcKQWJHxK8CCtHRW-eWZkh0dBOruyEY3lX', 74// imagerySet: 'Aerial' 75// }), 76// visible: true, 77// opacity: 1 78// }) 79 80// map.addLayer(BingMap) 81 82var BingMap = new ol.layer.Tile({ 83 source: new ol.source.XYZ({ 84 attributions: ['Powered by Esri', 85 'Source: Esri, DigitalGlobe, GeoEye, Earthstar Geographics, CNES/Airbus DS, USDA, USGS, AeroGRID, IGN, and the GIS User Community'], 86 attributionsCollapsible: false, 87 url: 'https://services.arcgisonline.com/ArcGIS/rest/services/World_Imagery/MapServer/tile/{z}/{y}/{x}', 88 maxZoom: 18 89 }), 90 visible: true, 91 opacity: 1 92}) 93 94map.addLayer(BingMap) 95 96// var gphy = new OpenLayers.Layer.Google( 97// "Google Physical",
98// {type: google.maps.MapTypeId.TERRAIN} 99// ); 100 101// map.addLayer(gphy); 102 103// var topo =new ol.layer.Tile({ 104// source: new ol.source.XYZ({ 105// url: 'https://{a|b|c}.tile.opentopomap.org/{z}/{x}/{y}.png', 106// crossOrigin: null 107// }), 108// visible: true, 109// }); 110 111// map.addLayer(topo); 112 113 114// var raster = new ol.layer.Tile({ 115// title: 'OSM', 116// source: new ol.source.XYZ({ 117// url: '//{a-c}.tile.opentopomap.org/{z}/{x}/{y}.png', 118// }) 119// }); 120 121// map.addLayer(raster); 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139//GEOJSON Layers 140/////////////////////////////////////////////////////////////////////////////////////////////////////// 141 142 143function st_road2_style(feature){ 144 if (map.getView().getZoom() <= 10) { 145 if (feature.get('VEGFLOKKUR') == 1) { 146 var ex = new ol.style.Style({ 147 stroke: new ol.style.Stroke({ 148 color: [250, 250, 250, 0.85], 149 width: 1 150 }) 151 }) 152 return [ex] 153 } else { 154 var ex1= new ol.style.Style({ 155 stroke: new ol.style.Stroke({ 156 color: [250, 250, 250, 0], 157 width: 0.75 158 }) 159 }) 160 return [ex1] 161 } 162 } 163 else if (10 < map.getView().getZoom() <= 15) { 164 if (feature.get('VEGFLOKKUR') == 1) { 165 var ex2 = new ol.style.Style({ 166 stroke: new ol.style.Stroke({ 167 color: [250, 250, 250, 0.85], 168 width: 1.5 169 }) 170 }) 171 return [ex2] 172 } else { 173 var ex3 = new ol.style.Style({ 174 stroke: new ol.style.Stroke({ 175 color: [250, 250, 250, 0.85], 176 width: 0.75 177 }) 178 }) 179 return [ex3] 180 } 181 } else { 182 if (feature.get('VEGFLOKKUR') == 1) { 183 var ex4 = new ol.style.Style({ 184 stroke: new ol.style.Stroke({ 185 color: [250, 250, 250, 0], 186 width: 0.5 187 }) 188 }) 189 return [ex4] 190 } else { 191 var ex5 = new ol.style.Style({ 192 stroke: new ol.style.Stroke({ 193 color: [250, 250, 250, 0], 194 width: 0.5 195 }) 196 }) 197 return [ex5] 198 } 199 } 200 201} 202 203 204 205 206 207var st_road2 = new ol.layer.VectorImage({ 208 source: new ol.source.Vector({ 209 url: "data2/stey_vegir2.json", 210 format: new ol.format.GeoJSON() 211 }), 212 zIndex: 2, 213 visible: true, 214 title: 'hv', 215 style: st_road2_style 216}); 217map.addLayer(st_road2); 218 219 220 221 222 223 224 225 226//ornefni 227function byggd_style2(feature){ 228 if (map.getView().getZoom() < 10) { 229 if (feature.get('kvardi') >= 2000) { 230 var ex = new ol.style.Style({ 231 text: new ol.style.Text({ 232 font: map.getView().getZoom()*1.5+'px sans-serif', 233 placement: 'point', 234 fill: new ol.style.Fill({ color: 'white' }), 235 stroke: new ol.style.Stroke({ 236 color: 'black', 237 width: 1 238 }), 239 text: feature.get("nafnfitju") 240 // offsetY: -15 241 }) 242 }) 243 return [ex] 244 } 245 246 } else { 247 if (feature.get('kvardi') >= 2000) { 248 var ex = new ol.style.Style({ 249 text: new ol.style.Text({ 250 font: map.getView().getZoom()*1.5+'px sans-serif', 251 placement: 'point', 252 fill: new ol.style.Fill({ color: 'white' }), 253 stroke: new ol.style.Stroke({ 254 color: 'black', 255 width: 1 256 }), 257 text: feature.get("nafnfitju") 258 // offsetY: -15 259 }) 260 }) 261 return [ex] 262 } else { 263 var ex = new ol.style.Style({ 264 text: new ol.style.Text({ 265 font: map.getView().getZoom()*1.2+'px sans-serif', 266 placement: 'point', 267 fill: new ol.style.Fill({ color: 'white' }), 268 stroke: new ol.style.Stroke({ 269 color: 'black', 270 width: 1 271 }), 272 text: feature.get("nafnfitju") 273 // offsetY: -20 274 }) 275 }) 276 return [ex] 277 } 278 } 279} 280 281function byggd_style2_gotukort(feature){ 282 if (map.getView().getZoom() < 10) { 283 if (feature.get('kvardi') >= 2000) { 284 var ex = new ol.style.Style({ 285 text: new ol.style.Text({ 286 font: map.getView().getZoom()*1.5+'px sans-serif', 287 placement: 'point', 288 fill: new ol.style.Fill({ color: 'black' }), 289 290 text: feature.get("nafnfitju") 291 // offsetY: -15 292 }) 293 }) 294 return [ex] 295 } 296 297 } else { 298 if (feature.get('kvardi') >= 2000) { 299 var ex = new ol.style.Style({ 300 text: new ol.style.Text({ 301 font: map.getView().getZoom()*1.5+'px sans-serif', 302 placement: 'point', 303 fill: new ol.style.Fill({ color: 'black' }), 304 305 text: feature.get("nafnfitju") 306 // offsetY: -15 307 }) 308 }) 309 return [ex] 310 } else { 311 var ex = new ol.style.Style({ 312 text: new ol.style.Text({ 313 font: map.getView().getZoom()*1.2+'px sans-serif', 314 placement: 'point', 315 fill: new ol.style.Fill({ color: 'black' }), 316 317 text: feature.get("nafnfitju") 318 // offsetY: -20 319 }) 320 }) 321 return [ex] 322 } 323 } 324} 325 326 327 328 329 330var byggd_label = new ol.layer.VectorImage({ 331 source: new ol.source.Vector({ 332 url: "data2/xx_byygd.geojson", 333 format: new ol.format.GeoJSON() 334 }), 335 zIndex: 9, 336 visible: true, 337 opacity: 1, 338 title: 'hv', 339 style: byggd_style2 340}); 341map.addLayer(byggd_label); 342 343 344 345 346 347 348 349 350 351function vatn_style2(feature){ 352 if (map.getView().getZoom() <= 10) { 353 if (feature.get('kvardi') >= 1000) { 354 var ex = new ol.style.Style({ 355 text: new ol.style.Text({ 356 font: map.getView().getZoom()*1.1+'px sans-serif', 357 placement: 'point', 358 fill: new ol.style.Fill({ color: '#01c4ff' }), 359 stroke: new ol.style.Stroke({ 360 color: '#003246', 361 width: 2 362 }), 363 text: feature.get("nafnfitju") 364 // offsetY: -15 365 }) 366 }) 367 return [ex] 368 } 369 370 } else if(map.getView().getZoom() < 12 && map.getView().getZoom() > 10){ 371 if (feature.get('kvardi') >= 1000) { 372 var ex = new ol.style.Style({ 373 text: new ol.style.Text({ 374 font: map.getView().getZoom()*1.5+'px sans-serif', 375 placement: 'point', 376 fill: new ol.style.Fill({ color: '#01c4ff' }), 377 stroke: new ol.style.Stroke({ 378 color: '#003246', 379 width: 2 380 }), 381 text: feature.get("nafnfitju") 382 // offsetY: -15 383 }) 384 }) 385 return [ex] 386 } else if (feature.get('kvardi') >= 100){ 387 var ex = new ol.style.Style({ 388 text: new ol.style.Text({ 389 font: map.getView().getZoom()*0.9+'px sans-serif', 390 placement: 'point', 391 fill: new ol.style.Fill({ color: '#01c4ff' }), 392 stroke: new ol.style.Stroke({ 393 color: '#003246', 394 width: 2 395 }), 396 text: feature.get("nafnfitju") 397 // offsetY: -20 398 }) 399 }) 400 return [ex] 401 } 402 } else { 403 if (feature.get('kvardi') >= 1000) { 404 var ex = new ol.style.Style({ 405 text: new ol.style.Text({ 406 font: map.getView().getZoom()*1.5+'px sans-serif', 407 placement: 'point', 408 fill: new ol.style.Fill({ color: '#01c4ff' }), 409 stroke: new ol.style.Stroke({ 410 color: '#003246', 411 width: 2 412 }), 413 text: feature.get("nafnfitju") 414 // offsetY: -15 415 }) 416 }) 417 return [ex] 418 } else if (feature.get('kvardi') >= 100){ 419 var ex = new ol.style.Style({ 420 text: new ol.style.Text({ 421 font: map.getView().getZoom()*0.9+'px sans-serif', 422 placement: 'point', 423 fill: new ol.style.Fill({ color: '#01c4ff' }), 424 stroke: new ol.style.Stroke({ 425 color: '#003246', 426 width: 2 427 }), 428 text: feature.get("nafnfitju") 429 // offsetY: -20 430 }) 431 }) 432 return [ex] 433 } else { 434 var ex = new ol.style.Style({ 435 text: new ol.style.Text({ 436 font: map.getView().getZoom()*0.85+'px sans-serif', 437 placement: 'point', 438 fill: new ol.style.Fill({ color: '#01c4ff' }), 439 stroke: new ol.style.Stroke({ 440 color: '#003246', 441 width: 2 442 }), 443 text: feature.get("nafnfitju") 444 // offsetY: -20 445 }) 446 }) 447 return [ex] 448 } 449 } 450} 451 452 453function vatn_style2_gotukort(feature){ 454 if (map.getView().getZoom() <= 10) { 455 if (feature.get('kvardi') >= 1000) { 456 var ex = new ol.style.Style({ 457 text: new ol.style.Text({ 458 font: map.getView().getZoom()*1.1+'px sans-serif', 459 placement: 'point', 460 fill: new ol.style.Fill({ color: 'blue' }), 461 462 text: feature.get("nafnfitju") 463 // offsetY: -15 464 }) 465 }) 466 return [ex] 467 } 468 469 } else if(map.getView().getZoom() < 12 && map.getView().getZoom() > 10){ 470 if (feature.get('kvardi') >= 1000) { 471 var ex = new ol.style.Style({ 472 text: new ol.style.Text({ 473 font: map.getView().getZoom()*1.5+'px sans-serif', 474 placement: 'point', 475 fill: new ol.style.Fill({ color: 'blue' }), 476 477 text: feature.get("nafnfitju") 478 // offsetY: -15 479 }) 480 }) 481 return [ex] 482 } else if (feature.get('kvardi') >= 100){ 483 var ex = new ol.style.Style({ 484 text: new ol.style.Text({ 485 font: map.getView().getZoom()*0.9+'px sans-serif', 486 placement: 'point', 487 fill: new ol.style.Fill({ color: 'blue' }), 488 489 text: feature.get("nafnfitju") 490 // offsetY: -20 491 }) 492 }) 493 return [ex] 494 } 495 } else { 496 if (feature.get('kvardi') >= 1000) { 497 var ex = new ol.style.Style({ 498 text: new ol.style.Text({ 499 font: map.getView().getZoom()*1.5+'px sans-serif', 500 placement: 'point', 501 fill: new ol.style.Fill({ color: 'blue' }), 502 503 text: feature.get("nafnfitju") 504 // offsetY: -15 505 }) 506 }) 507 return [ex] 508 } else if (feature.get('kvardi') >= 100){ 509 var ex = new ol.style.Style({ 510 text: new ol.style.Text({ 511 font: map.getView().getZoom()*0.9+'px sans-serif', 512 placement: 'point', 513 fill: new ol.style.Fill({ color: 'blue' }), 514 515 text: feature.get("nafnfitju") 516 // offsetY: -20 517 }) 518 }) 519 return [ex] 520 } else { 521 var ex = new ol.style.Style({ 522 text: new ol.style.Text({ 523 font: map.getView().getZoom()*0.85+'px sans-serif', 524 placement: 'point', 525 fill: new ol.style.Fill({ color: 'blue' }), 526 527 text: feature.get("nafnfitju") 528 // offsetY: -20 529 }) 530 }) 531 return [ex] 532 } 533 } 534} 535 536 537 538 539var vatn_label = new ol.layer.VectorImage({ 540 source: new ol.source.Vector({ 541 url: "data2/zzz_stoduvotn.geojson", 542 format: new ol.format.GeoJSON() 543 }), 544 zIndex: 2, 545 visible: true, 546 opacity: 1, 547 title: 'hv', 548 style: vatn_style2 549}); 550map.addLayer(vatn_label); 551 552 553 554 555 556 557 558 559function ornefni_style2(feature){ 560 if (map.getView().getZoom() <= 10) { 561 if (feature.get('kvardi') >= 1000) { 562 var ex = new ol.style.Style({ 563 text: new ol.style.Text({ 564 font: 'italic '+map.getView().getZoom()*1.1+'px sans-serif', 565 placement: 'point', 566 fill: new ol.style.Fill({ color: 'white' }), 567 // stroke: new ol.style.Stroke({ 568 // color: 'black', 569 // width: 2 570 // }), 571 text: feature.get("nafnfitju") 572 // offsetY: -15 573 }) 574 }) 575 return [ex] 576 } 577 578 } else if(map.getView().getZoom() <= 12 && map.getView().getZoom() > 10){ 579 if (feature.get('kvardi') >= 1000) { 580 var ex = new ol.style.Style({ 581 text: new ol.style.Text({ 582 font: 'italic '+map.getView().getZoom()*1.1+'px sans-serif', 583 placement: 'point', 584 fill: new ol.style.Fill({ color: 'white' }), 585 // stroke: new ol.style.Stroke({ 586 // color: 'black', 587 // width: 2 588 // }), 589 text: feature.get("nafnfitju") 590 // offsetY: -15 591 }) 592 }) 593 return [ex] 594 } else if (feature.get('kvardi') >= 500){ 595 var ex = new ol.style.Style({ 596 text: new ol.style.Text({ 597 font: 'italic '+map.getView().getZoom()*0.9+'px sans-serif', 598 placement: 'point', 599 fill: new ol.style.Fill({ color: 'white' }), 600 // stroke: new ol.style.Stroke({ 601 // color: 'black', 602 // width: 2 603 // }), 604 text: feature.get("nafnfitju") 605 // offsetY: -20 606 }) 607 }) 608 return [ex] 609 } 610 } else if (map.getView().getZoom() < 14 && map.getView().getZoom() > 12){ 611 if (feature.get('kvardi') >= 1000) { 612 var ex = new ol.style.Style({ 613 text: new ol.style.Text({ 614 font: 'italic '+map.getView().getZoom()*1.1+'px sans-serif', 615 placement: 'point', 616 fill: new ol.style.Fill({ color: 'white' }), 617 // stroke: new ol.style.Stroke({ 618 // color: 'black', 619 // width: 2 620 // }), 621 text: feature.get("nafnfitju") 622 // offsetY: -15 623 }) 624
624 }) 625 return [ex] 626 } else if (feature.get('kvardi') >= 500){ 627 var ex = new ol.style.Style({ 628 text: new ol.style.Text({ 629 font: 'italic '+map.getView().getZoom()*0.9+'px sans-serif', 630 placement: 'point', 631 fill: new ol.style.Fill({ color: 'white' }), 632 // stroke: new ol.style.Stroke({ 633 // color: 'black', 634 // width: 2 635 // }), 636 text: feature.get("nafnfitju") 637 // offsetY: -20 638 }) 639 }) 640 return [ex] 641 } else if (feature.get('kvardi') >= 50){ 642 var ex = new ol.style.Style({ 643 text: new ol.style.Text({ 644 font: 'italic '+map.getView().getZoom()*0.75+'px sans-serif', 645 placement: 'point', 646 fill: new ol.style.Fill({ color: 'white' }), 647 // stroke: new ol.style.Stroke({ 648 // color: 'black', 649 // width: 2 650 // }), 651 text: feature.get("nafnfitju") 652 // offsetY: -20 653 }) 654 }) 655 return [ex] 656 } 657 } else { 658 if (feature.get('kvardi') >= 1000) { 659 var ex = new ol.style.Style({ 660 text: new ol.style.Text({ 661 font: 'italic '+map.getView().getZoom()*1.5+'px sans-serif', 662 placement: 'point', 663 fill: new ol.style.Fill({ color: 'white' }), 664 // stroke: new ol.style.Stroke({ 665 // color: 'black', 666 // width: 2 667 // }), 668 text: feature.get("nafnfitju") 669 // offsetY: -15 670 }) 671 }) 672 return [ex] 673 } else if (feature.get('kvardi') >= 500){ 674 var ex = new ol.style.Style({ 675 text: new ol.style.Text({ 676 font: 'italic '+map.getView().getZoom()*0.9+'px sans-serif', 677 placement: 'point', 678 fill: new ol.style.Fill({ color: 'white' }), 679 // stroke: new ol.style.Stroke({ 680 // color: 'black', 681 // width: 2 682 // }), 683 text: feature.get("nafnfitju") 684 // offsetY: -20 685 }) 686 }) 687 return [ex] 688 } else if (feature.get('kvardi') >= 50){ 689 var ex = new ol.style.Style({ 690 text: new ol.style.Text({ 691 font: 'italic '+map.getView().getZoom()*0.75+'px sans-serif', 692 placement: 'point', 693 fill: new ol.style.Fill({ color: 'white' }), 694 // stroke: new ol.style.Stroke({ 695 // color: 'black', 696 // width: 2 697 // }), 698 text: feature.get("nafnfitju") 699 // offsetY: -20 700 }) 701 }) 702 return [ex] 703 } else { 704 var ex = new ol.style.Style({ 705 text: new ol.style.Text({ 706 font: 'italic '+map.getView().getZoom()*0.65+'px sans-serif', 707 placement: 'point', 708 fill: new ol.style.Fill({ color: 'white' }), 709 // stroke: new ol.style.Stroke({ 710 // color: 'black', 711 // width: 2 712 // }), 713 text: feature.get("nafnfitju") 714 // offsetY: -20 715 }) 716 }) 717 return [ex] 718 } 719 } 720} 721 722function ornefni_style2_gotukort(feature){ 723 if (map.getView().getZoom() <= 10) { 724 if (feature.get('kvardi') >= 1000) { 725 var ex = new ol.style.Style({ 726 text: new ol.style.Text({ 727 font: 'italic '+map.getView().getZoom()*1.1+'px sans-serif', 728 placement: 'point', 729 fill: new ol.style.Fill({ color: 'black' }), 730 text: feature.get("nafnfitju") 731 }) 732 }) 733 return [ex] 734 } 735 736 } else if(map.getView().getZoom() <= 12 && map.getView().getZoom() > 10){ 737 if (feature.get('kvardi') >= 1000) { 738 var ex = new ol.style.Style({ 739 text: new ol.style.Text({ 740 font: 'italic '+map.getView().getZoom()*1.1+'px sans-serif', 741 placement: 'point', 742 fill: new ol.style.Fill({ color: 'black' }), 743 text: feature.get("nafnfitju") 744 }) 745 }) 746 return [ex] 747 } else if (feature.get('kvardi') >= 500){ 748 var ex = new ol.style.Style({ 749 text: new ol.style.Text({ 750 font: 'italic '+map.getView().getZoom()*0.9+'px sans-serif', 751 placement: 'point', 752 fill: new ol.style.Fill({ color: 'black' }), 753 text: feature.get("nafnfitju") 754 }) 755 }) 756 return [ex] 757 } 758 } else if (map.getView().getZoom() < 14 && map.getView().getZoom() > 12){ 759 if (feature.get('kvardi') >= 1000) { 760 var ex = new ol.style.Style({ 761 text: new ol.style.Text({ 762 font: 'italic '+map.getView().getZoom()*1.1+'px sans-serif', 763 placement: 'point', 764 fill: new ol.style.Fill({ color: 'black' }), 765 text: feature.get("nafnfitju") 766 }) 767 }) 768 return [ex] 769 } else if (feature.get('kvardi') >= 500){ 770 var ex = new ol.style.Style({ 771 text: new ol.style.Text({ 772 font: 'italic '+map.getView().getZoom()*0.9+'px sans-serif', 773 placement: 'point', 774 fill: new ol.style.Fill({ color: 'black' }), 775 text: feature.get("nafnfitju") 776 }) 777 }) 778 return [ex] 779 } else if (feature.get('kvardi') >= 50){ 780 var ex = new ol.style.Style({ 781 text: new ol.style.Text({ 782 font: 'italic '+map.getView().getZoom()*0.75+'px sans-serif', 783 placement: 'point', 784 fill: new ol.style.Fill({ color: 'black' }), 785 text: feature.get("nafnfitju") 786 }) 787 }) 788 return [ex] 789 } 790 } else { 791 if (feature.get('kvardi') >= 1000) { 792 var ex = new ol.style.Style({ 793 text: new ol.style.Text({ 794 font: 'italic '+map.getView().getZoom()*1.5+'px sans-serif', 795 placement: 'point', 796 fill: new ol.style.Fill({ color: 'black' }), 797 text: feature.get("nafnfitju") 798 }) 799 }) 800 return [ex] 801 } else if (feature.get('kvardi') >= 500){ 802 var ex = new ol.style.Style({ 803 text: new ol.style.Text({ 804 font: 'italic '+map.getView().getZoom()*0.9+'px sans-serif', 805 placement: 'point', 806 fill: new ol.style.Fill({ color: 'black' }), 807 text: feature.get("nafnfitju") 808 }) 809 }) 810 return [ex] 811 } else if (feature.get('kvardi') >= 50){ 812 var ex = new ol.style.Style({ 813 text: new ol.style.Text({ 814 font: 'italic '+map.getView().getZoom()*0.75+'px sans-serif', 815 placement: 'point', 816 fill: new ol.style.Fill({ color: 'black' }), 817 text: feature.get("nafnfitju") 818 }) 819 }) 820 return [ex] 821 } else { 822 var ex = new ol.style.Style({ 823 text: new ol.style.Text({ 824 font: 'italic '+map.getView().getZoom()*0.65+'px sans-serif', 825 placement: 'point', 826 fill: new ol.style.Fill({ color: 'black' }), 827 text: feature.get("nafnfitju") 828 }) 829 }) 830 return [ex] 831 } 832 } 833} 834 835 836var ornefni_label = new ol.layer.VectorImage({ 837 source: new ol.source.Vector({ 838 url: "data2/zz_onnur_ornefni_clean.geojson", 839 format: new ol.format.GeoJSON() 840 }), 841 zIndex: 9, 842 visible: true, 843 opacity: 1, 844 title: 'hv', 845 style: ornefni_style2 846}); 847map.addLayer(ornefni_label); 848 849 850///////////////////////////////////////////////////////////////////////////////////// 851// Ãnnur lög 852 853var fridlyst_svaedi = new ol.layer.VectorImage({ 854 source: new ol.source.Vector({ 855 url: "data2/cc_fridlyst.geojson", 856 format: new ol.format.GeoJSON() 857 }), 858 zIndex: 1, 859 visible: false, 860 title: 'fl', 861 style: new ol.style.Style({ 862 fill: new ol.style.FillPattern({ 863 pattern: "hatch", 864 size: 2, 865 spaceing: 5, 866 angle: -135, 867 color: [173, 7, 244, 0.8], 868 }), 869 stroke: new ol.style.Stroke({ 870 color: [173, 7, 244, 0.8], 871 width: 1, 872 }) 873 }) 874}); 875map.addLayer(fridlyst_svaedi); 876 877var fuglar = new ol.layer.VectorImage({ 878 source: new ol.source.Vector({ 879 url: "data2/cc_fuglar.geojson", 880 format: new ol.format.GeoJSON() 881 }), 882 zIndex: 2, 883 visible: false, 884 title: 'hv', 885 style: new ol.style.Style({ 886 fill: new ol.style.FillPattern({ 887 pattern: "hatch", 888 size: 2, 889 spaceing: 5, 890 angle: 135, 891 color: [0, 255, 255, 0.8], 892 }), 893 stroke: new ol.style.Stroke({ 894 color: [0, 255, 255, 0.8], 895 width: 1, 896 }) 897 }) 898}); 899map.addLayer(fuglar); 900 901var natturuminjaksra = new ol.layer.VectorImage({ 902 source: new ol.source.Vector({ 903 url: "data2/cc_nm.geojson", 904 format: new ol.format.GeoJSON() 905 }), 906 zIndex: 2, 907 visible: false, 908 title: 'hv', 909 style: new ol.style.Style({ 910 fill: new ol.style.FillPattern({ 911 pattern: "hatch", 912 size: 2, 913 spaceing: 5, 914 angle: 135,
915 color: [255, 200, 0, 0.8], 916 }), 917 stroke: new ol.style.Stroke({ 918 color: [255, 200, 0, 0.8], 919 width: 1, 920 }) 921 }) 922}); 923map.addLayer(natturuminjaksra); 924 925 926var vatnsvernd_grann = new ol.layer.VectorImage({ 927 source: new ol.source.Vector({ 928 url: "data2/cc_vatnsvernd2.geojson", 929 format: new ol.format.GeoJSON() 930 }), 931 zIndex: 3, 932 visible: false, 933 title: 'hv', 934 style: vatnsvernd_style_grann 935}); 936 937function vatnsvernd_style_grann(){ 938 vatnsvernd_grann.getSource().forEachFeature(function(feature){ 939 if (feature.get('Tegund') == 'G') { 940 941 feature.setStyle(new ol.style.Style({ 942 fill: new ol.style.Fill({ 943 color: [82, 121, 179, 0.7] 944 }), 945 stroke: new ol.style.Stroke({ 946 color: [82, 121, 179, 1], 947 width: 1, 948 }), 949 zIndex: 1 950 })) 951 } 952 }) 953} 954 955map.addLayer(vatnsvernd_grann); 956 957 958 959var vatnsvernd_brunn = new ol.layer.VectorImage({ 960 source: new ol.source.Vector({ 961 url: "data2/cc_vatnsvernd2.geojson", 962 format: new ol.format.GeoJSON() 963 }), 964 zIndex: 4, 965 visible: false, 966 title: 'hv', 967 style: vatnsvernd_style_brunn 968}); 969 970function vatnsvernd_style_brunn(){ 971 vatnsvernd_brunn.getSource().forEachFeature(function(feature){ 972 if (feature.get('Tegund') == 'B') { 973 974 feature.setStyle(new ol.style.Style({ 975 fill: new ol.style.Fill({ 976 color: [35, 35, 113, 1] 977 }), 978 zIndex: 2 979 })) 980 } 981 }) 982} 983 984map.addLayer(vatnsvernd_brunn); 985 986 987var vatnsvernd_fjar = new ol.layer.VectorImage({ 988 source: new ol.source.Vector({ 989 url: "data2/cc_vatnsvernd2.geojson", 990 format: new ol.format.GeoJSON() 991 }), 992 zIndex: 2, 993 visible: false, 994 title: 'hv', 995 style: vatnsvernd_style_fjar 996}); 997 998function vatnsvernd_style_fjar(){ 999 vatnsvernd_fjar.getSource().forEachFeature(function(feature){ 1000 if (feature.get('Tegund') == 'F') { 1001 1002 feature.setStyle(new ol.style.Style({ 1003 fill: new ol.style.Fill({ 1004 color: [82, 191, 179, 0.7] 1005 }), 1006 stroke: new ol.style.Stroke({ 1007 color: [82, 191, 179, 1], 1008 width: 1, 1009 }), 1010 zIndex: 1 1011 })) 1012 } 1013 }) 1014} 1015 1016map.addLayer(vatnsvernd_fjar); 1017 1018 1019 1020 1021 1022 1023var nm_skra = new ol.layer.VectorImage({ 1024 source: new ol.source.Vector({ 1025 url: "data2/cc_natturum2.json", 1026 format: new ol.format.GeoJSON() 1027 }), 1028 zIndex: 2, 1029 visible: false, 1030 title: 'hv', 1031 style: nm_skra_style 1032}); 1033 1034function nm_skra_style(){ 1035 nm_skra.getSource().forEachFeature(function(feature){ 1036 if (feature.get('stjornur') == 3) { 1037 1038 feature.setStyle(new ol.style.Style({ 1039 fill: new ol.style.Fill({ 1040 color: [180, 0, 0, 0.2] 1041 }), 1042 stroke: new ol.style.Stroke({ 1043 color: [180, 0, 0, 0.9], 1044 width: 1.5, 1045 }), 1046 zIndex: 1 1047 })) 1048 } else if (feature.get('stjornur') == 2) { 1049 1050 feature.setStyle(new ol.style.Style({ 1051 fill: new ol.style.Fill({ 1052 color: [190, 190, 0, 0.2] 1053 }), 1054 stroke: new ol.style.Stroke({ 1055 color: [190, 190, 0, 0.9], 1056 width: 1.5, 1057 }), 1058 zIndex: 1 1059 })) 1060 } else if (feature.get('stjornur') == 1) { 1061 1062 feature.setStyle(new ol.style.Style({ 1063 fill: new ol.style.Fill({ 1064 color: [0, 180, 0, 0.2] 1065 }), 1066 stroke: new ol.style.Stroke({ 1067 color: [0, 180, 0, 0.9], 1068 width: 1.5, 1069 }), 1070 zIndex: 1 1071 })) 1072 } else { 1073 feature.setStyle(new ol.style.Style({ 1074 fill: new ol.style.Fill({ 1075 color: [0, 255, 0, 0] 1076 }), 1077 stroke: new ol.style.Stroke({ 1078 color: [0, 0, 0, 1], 1079 width: 1.5, 1080 }), 1081 zIndex: 1 1082 })) 1083 } 1084 }) 1085} 1086 1087map.addLayer(nm_skra); 1088 1089 1090 1091// var hringvegur = new ol.layer.VectorImage({ 1092// source: new ol.source.Vector({ 1093// url: "../data2/vegir_edit.geojson", 1094// format: new ol.format.GeoJSON(), 1095// // attributions: 'Vegagerðin ' 1096 1097// }), 1098// zIndex: 5, 1099// visible: true, 1100// title: 'BorgarlinaBuffer', 1101// style: new ol.style.Style({ 1102// stroke: new ol.style.Stroke({ 1103// color: [250, 250, 250, 1], 1104// width: 3, 1105// }) 1106// }) 1107// });
1108// map.addLayer(hringvegur); 1109 1110 1111 1112 1113// var hraun = new ol.layer.VectorImage({ 1114// source: new ol.source.Vector({ 1115// url: "data2/hraun_nutima.json", 1116// format: new ol.format.GeoJSON() 1117// }), 1118// zIndex: 1, 1119// visible: false, 1120// title: 'hv', 1121// style: new ol.style.Style({ 1122// fill: new ol.style.Fill({ 1123// color: [111, 11, 11, 0.5] 1124// }) 1125// }) 1126// }); 1127 1128 1129 1130// map.addLayer(hraun); 1131 1132 1133var tengivirki = new ol.layer.VectorImage({ 1134 source: new ol.source.Vector({ 1135 url: "data2/tengivirki_nu_v2.geojson", 1136 format: new ol.format.GeoJSON() 1137 }), 1138 zIndex: 6, 1139 visible: false, 1140 title: 'hv', 1141 style: new ol.style.Style({ 1142 image: new ol.style.RegularShape({ 1143 fill: new ol.style.Fill({ 1144 color: [255, 0, 0, 1] 1145 }), 1146 stroke: new ol.style.Stroke({ 1147 color: [0, 0, 0, 1], 1148 width: 2, 1149 }), 1150 points: 3, 1151 radius: 10, 1152 // rotation: Math.PI / 4, 1153 angle: 0, 1154 }), 1155 }) 1156}); 1157 1158 1159 1160map.addLayer(tengivirki); 1161 1162 1163function raf_style(feature){ 1164 if (feature.get('Flokkur') == 'Strengur') { 1165 1166 1167 var ex = new ol.style.Style({ 1168 stroke: new ol.style.Stroke({ 1169 color: [255, 100, 0, 1], 1170 width: 2, 1171 lineDash: [5] 1172 }), 1173 }); 1174 var ex2 = new ol.style.Style({ 1175 text: new ol.style.Text({ 1176 font: map.getView().getZoom()*1.2+'px sans-serif', 1177 placement: 'line', 1178 fill: new ol.style.Fill({ color: 'rgb(255, 100, 0, 1)' }), 1179 stroke: new ol.style.Stroke({ 1180 color: 'black', 1181 width: 3 1182 }), 1183 text: feature.get("Heiti"), 1184 offsetY: -7 1185 }) 1186 }) 1187 1188 1189 return [ex,ex2] 1190 } else { 1191 var ex = new ol.style.Style({ 1192 stroke: new ol.style.Stroke({ 1193 color: [255, 100, 0, 1], 1194 width: 2 1195 }), 1196 }) 1197 1198 var ex2 = new ol.style.Style({ 1199 text: new ol.style.Text({ 1200 font: map.getView().getZoom()*1.2+'px sans-serif', 1201 placement: 'line', 1202 fill: new ol.style.Fill({ color: 'rgb(255, 100, 0, 1)' }), 1203 stroke: new ol.style.Stroke({ 1204 color: 'black', 1205 width: 3 1206 }), 1207 text: feature.get("Heiti"), 1208 offsetY: -7 1209 }) 1210 }) 1211 1212 1213 return [ex,ex2] 1214 } 1215} 1216 1217// if (map.getView().getZoom() <= 10) { 1218// if (feature.get('VEGFLOKKUR') == 1) { 1219// var ex = new ol.style.Style({ 1220// stroke: new ol.style.Stroke({ 1221// color: [250, 250, 250, 0.85], 1222// width: 1 1223// }) 1224// }) 1225// return [ex] 1226// } else { 1227// var ex1= new ol.style.Style({ 1228// stroke: new ol.style.Stroke({ 1229// color: [250, 250, 250, 0], 1230// width: 0.75 1231// }) 1232// }) 1233// return [ex1] 1234// } 1235// } 1236 1237// var ex = new ol.style.Style({ 1238// text: new ol.style.Text({ 1239// font: '12x Verdana sans-serif', 1240// placement: 'Polygon', 1241// fill: new ol.style.Fill({ color: 'red' }), 1242// stroke: new ol.style.Stroke({ 1243// color: 'white', 1244// width: 1.5 1245// }), 1246// text: feature.get("HEITI") 1247// }) 1248// }) 1249 1250// var raflinur = new ol.layer.VectorImage({ 1251// source: new ol.source.Vector({ 1252// url: "../data2/byggdalinur2_v2.geojson", 1253// format: new ol.format.GeoJSON(), 1254// // attributions: 'Vegagerðin ' 1255 1256// }), 1257// zIndex: 5, 1258// visible: false, 1259// title: 'BorgarlinaBuffer', 1260// style: new ol.style.Style({ 1261// stroke: new ol.style.Stroke({
1262// color: [255, 100, 0, 1], 1263// width: 1.5 1264// }) 1265// }) 1266// }); 1267// map.addLayer(raflinur); 1268 1269var raflinur = new ol.layer.VectorImage({ 1270 source: new ol.source.Vector({ 1271 url: "../data2/byggdalinur2_v2.geojson", 1272 format: new ol.format.GeoJSON(), 1273 // attributions: 'Vegagerðin ' 1274 1275 }), 1276 zIndex: 5, 1277 visible: false, 1278 title: 'BorgarlinaBuffer', 1279 style: raf_style 1280}); 1281map.addLayer(raflinur); 1282 1283 1284 1285 1286 1287//Lodamork 1288 1289 1290 1291 1292 1293function vidkomust_style(){ 1294 vidkomust.getSource().forEachFeature(function(feature){ 1295 if (feature.get('addrattara') == 3) { 1296 1297 feature.setStyle(new ol.style.Style({ 1298 image: new ol.style.Circle({ 1299 radius: 6, 1300 fill: new ol.style.Fill({ 1301 color: [255, 0, 0, 1] 1302 }), 1303 stroke: new ol.style.Stroke({ 1304 color: [0, 0, 0, 1], 1305 width: 2, 1306 }) 1307 }), 1308 })) 1309 } else { 1310 feature.setStyle(new ol.style.Style({ 1311 image: new ol.style.Circle({ 1312 radius: 5, 1313 fill: new ol.style.Fill({ 1314 color: [255, 255, 0, 1] 1315 }), 1316 stroke: new ol.style.Stroke({ 1317 color: [0, 0, 0, 1], 1318 width: 2, 1319 }) 1320 }), 1321 })) 1322 } 1323 }) 1324} 1325 1326var vidkomust = new ol.layer.VectorImage({ 1327 source: new ol.source.Vector({ 1328 url: "data2/tt_vidkomustadir.geojson", 1329 format: new ol.format.GeoJSON() 1330 // attributions: 'Ãhugaverðir viðkomustaðir - Ferðamálastofa' 1331 }), 1332 zIndex: 2, 1333 visible: false, 1334 title: 'hv', 1335 style: vidkomust_style, 1336 opacity: 1 1337}); 1338 1339map.addLayer(vidkomust) 1340 1341 1342var fornleifar = new ol.layer.VectorImage({ 1343 source: new ol.source.Vector({ 1344 url: "data2/fornleifar.geojson", 1345 format: new ol.format.GeoJSON() 1346 // attributions: 'Ãhugaverðir viðkomustaðir - Ferðamálastofa' 1347 }), 1348 zIndex: 10, 1349 visible: false, 1350 title: 'hv', 1351 style: new ol.style.Style({ 1352 image: new ol.style.Circle({ 1353 radius: 4, 1354 fill: new ol.style.Fill({ 1355 color: [0, 100, 0, 1] 1356 }), 1357 stroke: new ol.style.Stroke({ 1358 color: [250, 250, 250, 1], 1359 width: 1.5, 1360 }) 1361 }), 1362 }), 1363 opacity: 1 1364}); 1365 1366map.addLayer(fornleifar) 1367 1368 1369 1370function svf_label_style(feature){ 1371 var ex = new ol.style.Style({ 1372 text: new ol.style.Text({ 1373 font: '12px Verdana, sans-serif', 1374 placement: 'Polygon', 1375 fill: new ol.style.Fill({ color: 'darkblue' }), 1376 stroke: new ol.style.Stroke({ 1377 color: 'white', 1378 width: 2 1379 }), 1380 scale: 1.5, 1381 text: feature.get("SVEITARFEL") 1382 }) 1383 }) 1384 return [ex] 1385} 1386 1387var svf_label_flakar = new ol.layer.VectorImage({ 1388 source: new ol.source.Vector({ 1389 url: "data2/tt_svf_flakar.json", 1390 format: new ol.format.GeoJSON() 1391 }), 1392 zIndex: 12, 1393 visible: false, 1394 title: 'BorgarlinaStopp', 1395 style: svf_label_style 1396}); 1397map.addLayer(svf_label_flakar); 1398 1399 1400var svf_linur = new ol.layer.VectorImage({ 1401 source: new ol.source.Vector({ 1402 url: "data2/tt_svf_linur.json", 1403 format: new ol.format.GeoJSON() 1404 }), 1405 zIndex: 12, 1406 visible: false, 1407 title: 'BorgarlinaStopp', 1408 style: new ol.style.Style({ 1409 // fill: new ol.style.Fill({color: [155, 100, 250, 0.9]}), 1410 stroke: new ol.style.Stroke({ 1411 color: 'darkblue', 1412 width: 2, 1413 lineDash: [5] 1414 }) 1415 }) 1416}); 1417map.addLayer(svf_linur); 1418 1419 1420var birki = new ol.layer.VectorImage({ 1421 source: new ol.source.Vector({ 1422 url: "data2/cc_birkiskogur.geojson", 1423 format: new ol.format.GeoJSON() 1424 }), 1425 zIndex: 1, 1426 visible: false, 1427 title: 'BorgarlinaStopp', 1428 style: new ol.style.Style({ 1429 fill: new ol.style.Fill({color: [0, 200, 0, 0.7]}) 1430 }), 1431}); 1432map.addLayer(birki); 1433 1434var votlendi = new ol.layer.VectorImage({ 1435 source: new ol.source.Vector({ 1436 url: "data2/cc_votlendi.geojson", 1437 format: new ol.format.GeoJSON() 1438 }), 1439 zIndex: 1, 1440 visible: false, 1441 title: 'BorgarlinaStopp', 1442 style: new ol.style.Style({ 1443 fill: new ol.style.Fill({color: [0, 225, 225, 0.7]}) 1444 }), 1445}); 1446map.addLayer(votlendi); 1447 1448 1449 1450 1451 1452 1453 1454 1455 1456 1457 1458 1459var norudrleid = new ol.layer.VectorImage({ 1460 source: new ol.source.Vector({ 1461 url: "../data2/bb_nordurleid.geojson", 1462 format: new ol.format.GeoJSON(), 1463 // attributions: 'Vegagerðin ' 1464 1465 }), 1466 zIndex: 5, 1467 visible: true, 1468 title: 'BorgarlinaBuffer', 1469 style: [new ol.style.Style({ 1470 stroke: new ol.style.Stroke({ 1471 color: [0, 0, 0, 1], 1472 width: 6 1473 }) 1474 }), 1475 new ol.style.Style({ 1476 stroke: new ol.style.Stroke({
1477 color: [255, 255, 0, 1], 1478 width: 3 1479 }) 1480 }) 1481 ] 1482}); 1483map.addLayer(norudrleid); 1484 1485var sudurleid = new ol.layer.VectorImage({ 1486 source: new ol.source.Vector({ 1487 url: "../data2/bb_sudurleid.geojson", 1488 format: new ol.format.GeoJSON(), 1489 // attributions: 'Vegagerðin ' 1490 1491 }), 1492 zIndex: 5, 1493 visible: true, 1494 title: 'BorgarlinaBuffer', 1495 style: [new ol.style.Style({ 1496 stroke: new ol.style.Stroke({ 1497 color: [0, 0, 0, 1], 1498 width: 6 1499 }) 1500 }), 1501 new ol.style.Style({ 1502 stroke: new ol.style.Stroke({ 1503 color: [0, 0, 255, 1], 1504 width: 3 1505 }) 1506 }) 1507 ] 1508}); 1509map.addLayer(sudurleid); 1510 1511var sudurleid_tenging = new ol.layer.VectorImage({ 1512 source: new ol.source.Vector({ 1513 url: "../data2/bb_sudurleid_tenging.geojson", 1514 format: new ol.format.GeoJSON(), 1515 // attributions: 'Vegagerðin ' 1516 1517 }), 1518 zIndex: 4, 1519 visible: true, 1520 title: 'BorgarlinaBuffer', 1521 style: 1522 new ol.style.Style({ 1523 stroke: new ol.style.Stroke({ 1524 color: [0, 0, 255, 1], 1525 width: 3, 1526 lineDash: [5] 1527 }) 1528 }) 1529}); 1530map.addLayer(sudurleid_tenging); 1531 1532var midleid = new ol.layer.VectorImage({ 1533 source: new ol.source.Vector({ 1534 url: "../data2/bb_midleid.geojson", 1535 format: new ol.format.GeoJSON(), 1536 // attributions: 'Vegagerðin ' 1537 1538 }), 1539 zIndex: 5, 1540 visible: true, 1541 title: 'BorgarlinaBuffer', 1542 style: [new ol.style.Style({ 1543 stroke: new ol.style.Stroke({ 1544 color: [0, 0, 0, 1], 1545 width: 6 1546 }) 1547 }), 1548 new ol.style.Style({ 1549 stroke: new ol.style.Stroke({ 1550 color: [255, 0, 0, 1], 1551 width: 3 1552 }) 1553 }) 1554 ] 1555}); 1556map.addLayer(midleid); 1557 1558var ny_lina = new ol.layer.VectorImage({ 1559 source: new ol.source.Vector({ 1560 url: "../data2/bb_nyr_vegur_v2.geojson", 1561 format: new ol.format.GeoJSON(), 1562 // attributions: 'Vegagerðin ' 1563 1564 }), 1565 zIndex: 5, 1566 visible: true, 1567 title: 'BorgarlinaBuffer', 1568 style: [new ol.style.Style({ 1569 stroke: new ol.style.Stroke({ 1570 color: [0, 0, 0, 1], 1571 width: 6 1572 }) 1573 }), 1574 new ol.style.Style({ 1575 stroke: new ol.style.Stroke({ 1576 color: [0, 255, 0, 1], 1577 width: 3 1578 }) 1579 }) 1580 ] 1581}); 1582map.addLayer(ny_lina); 1583 1584var nuv_lina = new ol.layer.VectorImage({ 1585 source: new ol.source.Vector({ 1586 url: "../data2/bb_nuv_vegur.geojson", 1587 format: new ol.format.GeoJSON(), 1588 // attributions: 'Vegagerðin ' 1589 1590 }), 1591 zIndex: 5, 1592 visible: true, 1593 title: 'BorgarlinaBuffer', 1594 style: [new ol.style.Style({ 1595 stroke: new ol.style.Stroke({ 1596 color: [0, 0, 0, 1], 1597 width: 6 1598 }) 1599 }), 1600 new ol.style.Style({ 1601 stroke: new ol.style.Stroke({ 1602 color: [255, 170, 0, 1], 1603 width: 3 1604 }) 1605 }) 1606 ] 1607}); 1608map.addLayer(nuv_lina); 1609 1610var jardgong = new ol.layer.VectorImage({ 1611 source: new ol.source.Vector({ 1612 url: "../data2/bb_jardgong_v2.geojson", 1613 format: new ol.format.GeoJSON(), 1614 // attributions: 'Vegagerðin ' 1615 1616 }), 1617 zIndex: 5, 1618 visible: true, 1619 title: 'BorgarlinaBuffer', 1620 style: new ol.style.Style({ 1621 stroke: new ol.style.Stroke({ 1622 color: [0, 0, 0, 1], 1623 width: 3, 1624 lineDash: [7] 1625 }) 1626 }) 1627}); 1628map.addLayer(jardgong); 1629 1630 1631var aningastadir = new ol.layer.VectorImage({ 1632 source: new ol.source.Vector({ 1633 url: "data2/ff_aningastadir.geojson", 1634 format: new ol.format.GeoJSON() 1635 // attributions: 'Ãhugaverðir viðkomustaðir - Ferðamálastofa' 1636 }), 1637 zIndex: 11, 1638 visible: true, 1639 title: 'hv', 1640 style: new ol.style.Style({ 1641 fill: new ol.style.Fill({color:[20,150,255,1]}), 1642 stroke: new ol.style.Stroke({ 1643 color: 'white', 1644 width: 1 1645 }) 1646 }), 1647 opacity: 1 1648}); 1649 1650map.addLayer(aningastadir) 1651 1652var athafnasv = new ol.layer.VectorImage({ 1653 source: new ol.source.Vector({ 1654 url: "data2/ff_athafnasv.geojson", 1655 format: new ol.format.GeoJSON() 1656 // attributions: 'Ãhugaverðir viðkomustaðir - Ferðamálastofa' 1657 }), 1658 zIndex: 10, 1659 visible: true, 1660 title: 'hv', 1661 style: new ol.style.Style({ 1662 fill: new ol.style.Fill({color:[77,77,77,1]}), 1663 stroke: new ol.style.Stroke({ 1664 color: 'white', 1665 width: 1 1666 }) 1667 }), 1668 opacity: 1 1669}); 1670 1671// map.addLayer(athafnasv) 1672 1673 1674var vinnubudir = new ol.layer.VectorImage({ 1675 source: new ol.source.Vector({ 1676 url: "data2/ff_vinnubudir.geojson", 1677 format: new ol.format.GeoJSON() 1678 // attributions: 'Ãhugaverðir viðkomustaðir - Ferðamálastofa' 1679 }), 1680 zIndex: 10, 1681 visible: true, 1682 title: 'hv', 1683 style: new ol.style.Style({ 1684 fill: new ol.style.Fill({color:[166,166,166,1]}), 1685 stroke: new ol.style.Stroke({ 1686 color: 'black', 1687 width: 1 1688 }) 1689 }), 1690 opacity: 1 1691}); 1692 1693// map.addLayer(vinnubudir) 1694 1695var bradb_vegur = new ol.layer.VectorImage({ 1696 source: new ol.source.Vector({ 1697 url: "data2/ff_bradabirgdarvegur.geojson", 1698 format: new ol.format.GeoJSON() 1699 // attributions: 'Ãhugaverðir viðkomustaðir - Ferðamálastofa' 1700 }), 1701 zIndex: 10, 1702 visible: true, 1703 title: 'hv', 1704 style: new ol.style.Style({ 1705 fill: new ol.style.Fill({color:[125,10,30,1]}), 1706 stroke: new ol.style.Stroke({ 1707 color:[125,10,30,1], 1708 width: 1 1709 }) 1710 }), 1711 opacity: 1 1712}); 1713 1714// map.addLayer(bradb_vegur) 1715 1716 1717function efnislosun_style(feature){ 1718 var ex = new ol.style.Style({ 1719 fill: new ol.style.FillPattern({ 1720 pattern: "hatch", 1721 size: 2, 1722 spaceing: 3, 1723 angle: -135, 1724 color: 'black', 1725 }), 1726 stroke: new ol.style.Stroke({ 1727 color: 'black', 1728 width: 1, 1729 }), 1730 zIndex: 2 1731 });
1732 1733 var ex2 = new ol.style.Style({ 1734 fill: new ol.style.Fill({color: 'white'}), 1735 zIndex: 1 1736 // stroke: new ol.style.Stroke({ 1737 // color: [255,0,0], 1738 // width: 1 1739 // }) 1740 }); 1741 1742 return [ex,ex2] 1743} 1744var efnislosun = new ol.layer.VectorImage({ 1745 source: new ol.source.Vector({ 1746 url: "data2/efnislosun.geojson", 1747 format: new ol.format.GeoJSON() 1748 }), 1749 zIndex: 1, 1750 visible: true, 1751 title: 'fl', 1752 style: efnislosun_style, 1753 opacity: 0.85 1754}); 1755// map.addLayer(efnislosun); 1756 1757var framkv_group = new ol.layer.Group({ 1758 layers: [bradb_vegur, athafnasv, vinnubudir, efnislosun], 1759 visible: false 1760}) 1761 1762map.addLayer(framkv_group) 1763 1764function virkjun_style(feature){ 1765 var ex = new ol.style.Style({ 1766 image: new ol.style.RegularShape({ 1767 fill: new ol.style.Fill({ 1768 color: [255, 0, 0, 1] 1769 }), 1770 stroke: new ol.style.Stroke({ 1771 color: [0, 0, 0, 1], 1772 width: 1.5, 1773 }), 1774 points: 4, 1775 radius: 7, 1776 angle: Math.PI / 4 1777 }), 1778 }); 1779 1780 var ex2 = new ol.style.Style({ 1781 text: new ol.style.Text({ 1782 font: map.getView().getZoom()*1.2+'px sans-serif', 1783 placement: 'point', 1784 fill: new ol.style.Fill({ color: 'white' }), 1785 stroke: new ol.style.Stroke({ 1786 color: 'black', 1787 width: 2 1788 }), 1789 text: feature.get("nafn"), 1790 offsetY: -15 1791 }) 1792 }) 1793 1794 return [ex,ex2] 1795} 1796var virkjun = new ol.layer.VectorImage({ 1797 source: new ol.source.Vector({ 1798 url: "data2/virkjun.geojson", 1799 format: new ol.format.GeoJSON() 1800 // attributions: 'Ãhugaverðir viðkomustaðir - Ferðamálastofa' 1801 }), 1802 zIndex: 10, 1803 visible: false, 1804 title: 'hv', 1805 style: virkjun_style, 1806 opacity: 1 1807}); 1808 1809map.addLayer(virkjun) 1810 1811 1812 1813///////////////////////////////////////////////////////////////////////////////////// 1814 1815 1816 1817 1818 1819 1820 1821 1822 1823 1824 1825//Map + geojson layer functions 1826/////////////////////////////////////////////////////////////////////////////////////////////////////// 1827 1828//Grunngögn 1829 1830 1831 1832function H1sub1_click(){ 1833 var valk = document.getElementById("H1sub1"); 1834 if (valk.checked == true) { 1835 tengivirki.setVisible(true); 1836 document.getElementById("tengiv_img").style.display = "block" 1837 1838 } 1839 else if (valk.checked == false) { 1840 tengivirki.setVisible(false); 1841 document.getElementById("tengiv_img").style.display = "none" 1842 1843 } 1844} 1845 1846function H1sub2_click(){ 1847 var valk = document.getElementById("H1sub2"); 1848 if (valk.checked == true) { 1849 raflinur.setVisible(true); 1850 document.getElementById("rafl_img").style.display = "block" 1851 1852 } 1853 else if (valk.checked == false) { 1854 raflinur.setVisible(false); 1855 document.getElementById("rafl_img").style.display = "none" 1856 1857 } 1858} 1859 1860function H1sub3_click(){ 1861 var valk = document.getElementById("H1sub3"); 1862 if (valk.checked == true) { 1863 st_road2.setVisible(true); 1864 document.getElementById("vegir_img").style.display = "block" 1865 1866 } 1867 else if (valk.checked == false) { 1868 st_road2.setVisible(false); 1869 document.getElementById("vegir_img").style.display = "none" 1870 1871 } 1872} 1873 1874function H1sub4_click(){ 1875 var valk = document.getElementById("H1sub4"); 1876 if (valk.checked == true) { 1877 virkjun.setVisible(true); 1878 // document.getElementById("lod_img").style.display = "block" 1879 1880 } 1881 else if (valk.checked == false) { 1882 virkjun.setVisible(false); 1883 // document.getElementById("lod_img").style.display = "none" 1884 1885 } 1886} 1887 1888function H1sub5_click(){ 1889 var valk = document.getElementById("H1sub5"); 1890 if (valk.checked == true) { 1891 svf_linur.setVisible(true); 1892 svf_label_flakar.setVisible(true); 1893 document.getElementById("sfm_img").style.display = "block" 1894 1895 } 1896 else if (valk.checked == false) { 1897 svf_linur.setVisible(false); 1898 svf_label_flakar.setVisible(false); 1899 document.getElementById("sfm_img").style.display = "none" 1900 1901 } 1902} 1903 1904// function H1sub6_click(){ 1905// var valk = document.getElementById("H1sub6"); 1906// if (valk.checked == true) { 1907// vidkomust.setVisible(true); 1908// document.getElementById("ferd_img").style.display = "block" 1909 1910// } 1911// else if (valk.checked == false) { 1912// vidkomust.setVisible(false); 1913// document.getElementById("ferd_img").style.display = "none" 1914 1915// } 1916// } 1917 1918// function H1sub7_click(){ 1919// var valk = document.getElementById("H1sub7"); 1920// if (valk.checked == true) { 1921// hafnir.setVisible(true); 1922// } 1923// else if (valk.checked == false) { 1924// hafnir.setVisible(false); 1925// } 1926// } 1927 1928 1929 1930 1931 1932 1933 1934// function H1b(){ 1935// var valk = document.getElementById("H1b"); 1936// if (valk.checked == true) { 1937// athafnasv.setVisible(true); 1938// } 1939// else if (valk.checked == false) { 1940// athafnasv.setVisible(false); 1941// } 1942// } 1943 1944 1945 1946function H1b(){ 1947 var base = document.getElementById("H1b"); 1948 // var nveg = document.getElementById("H1bsub1"); 1949 var v2 = document.getElementById("H1bsub2"); 1950 var v3 = document.getElementById("H1bsub3"); 1951 var v4 = document.getElementById("H1bsub4"); 1952 // var v5 = document.getElementById("H1bsub5"); 1953 var v6 = document.getElementById("H1bsub6"); 1954 var v7 = document.getElementById("H1bsub7"); 1955 var v8 = document.getElementById("H1bsub8"); 1956 1957 1958 var trans = document.getElementById("sk-b1b-head"); 1959 if (base.checked == true) { 1960 // if (nveg.checked == true) { 1961 // H1bsub1_click() 1962 // }; 1963 if (v2.checked == true) { 1964 H1bsub2_click() 1965 }; 1966 // if (land.checked == true) { 1967 // H1bsub3_click() 1968 // }; 1969 if (v3.checked == true) { 1970 H1bsub3_click() 1971 }; 1972 if (v4.checked == true) { 1973 H1bsub4_click() 1974 }; 1975 // if (v5.checked == true) { 1976 // H1bsub5_click() 1977 // }; 1978 if (v6.checked == true) { 1979 H1bsub6_click() 1980 }; 1981 if (v7.checked == true) { 1982 H1bsub7_click() 1983 }; 1984 if (v8.checked == true) { 1985 H1bsub8_click() 1986 }; 1987 1988 trans.style.display = "block"; 1989 } else if (base.checked == false) { 1990 fridlyst_svaedi.setVisible(false); 1991 natturuminjaksra.setVisible(false); 1992 fuglar.setVisible(false); 1993 // hraun.setVisible(false); 1994 vatnsvernd_brunn.setVisible(false); 1995 vatnsvernd_fjar.setVisible(false); 1996 vatnsvernd_grann.setVisible(false); 1997 nm_skra.setVisible(false); 1998 fornleifar.setVisible(false); 1999 2000 2001 2002 trans.style.display = "none"; 2003 } 2004 2005} 2006 2007 2008// function H1bsub1_click(){ 2009// var valk = document.getElementById("H1bsub1"); 2010// if (valk.checked == true) { 2011// nm.setVisible(true); 2012// } 2013// else if (valk.checked == false) { 2014// nm.setVisible(false); 2015// } 2016// } 2017 2018function H1bsub2_click(){ 2019 var valk = document.getElementById("H1bsub2"); 2020 if (valk.checked == true) { 2021 fridlyst_svaedi.setVisible(true); 2022 document.getElementById("fridlyst_img").style.display = "block" 2023 2024 2025 } 2026 else if (valk.checked == false) { 2027 fridlyst_svaedi.setVisible(false); 2028 document.getElementById("fridlyst_img").style.display = "none" 2029 2030 } 2031} 2032 2033function H1bsub3_click(){ 2034 var valk = document.getElementById("H1bsub3"); 2035 if (valk.checked == true) { 2036 natturuminjaksra.setVisible(true); 2037 document.getElementById("nm_img").style.display = "block" 2038 2039 } 2040 else if (valk.checked == false) { 2041 natturuminjaksra.setVisible(false); 2042 document.getElementById("nm_img").style.display = "none" 2043 2044 } 2045} 2046 2047function H1bsub4_click(){ 2048 var valk = document.getElementById("H1bsub4"); 2049 if (valk.checked == true) { 2050 fuglar.setVisible(true); 2051 document.getElementById("fuglar_img").style.display = "block" 2052 2053 } 2054 else if (valk.checked == false) { 2055 fuglar.setVisible(false); 2056 document.getElementById("fuglar_img").style.display = "none" 2057 2058 } 2059} 2060 2061// function H1bsub5_click(){ 2062// var valk = document.getElementById("H1bsub5"); 2063// if (valk.checked == true) { 2064// hraun.setVisible(true); 2065// } 2066// else if (valk.checked == false) { 2067// hraun.setVisible(false); 2068// } 2069// } 2070 2071function H1bsub6_click(){ 2072 var valk = document.getElementById("H1bsub6"); 2073 if (valk.checked == true) { 2074 vatnsvernd_grann.setVisible(true); 2075 vatnsvernd_fjar.setVisible(true); 2076 vatnsvernd_brunn.setVisible(true); 2077 document.getElementById("vatn_img").style.display = "block" 2078 2079 } 2080 else if (valk.checked == false) { 2081 vatnsvernd_grann.setVisible(false); 2082 vatnsvernd_fjar.setVisible(false); 2083 vatnsvernd_brunn.setVisible(false); 2084 document.getElementById("vatn_img").style.display = "none" 2085 2086 } 2087} 2088 2089function H1bsub7_click(){ 2090 var valk = document.getElementById("H1bsub7"); 2091 if (valk.checked == true) { 2092 nm_skra.setVisible(true); 2093 document.getElementById("nattm_img").style.display = "block" 2094 2095 } 2096 else if (valk.checked == false) { 2097 nm_skra.setVisible(false); 2098 document.getElementById("nattm_img").style.display = "none" 2099 2100 } 2101} 2102 2103function H1bsub8_click(){ 2104 var valk = document.getElementById("H1bsub8"); 2105 if (valk.checked == true) { 2106 fornleifar.setVisible(true); 2107 document.getElementById("fornleif_img").style.display = "block" 2108 2109 } 2110 else if (valk.checked == false) { 2111 fornleifar.setVisible(false); 2112 document.getElementById("fornleif_img").style.display = "none" 2113 2114 } 2115} 2116 2117function H1bsub9_click(){ 2118 var valk = document.getElementById("H1bsub9"); 2119 if (valk.checked == true) { 2120 vidkomust.setVisible(true); 2121 document.getElementById("ferd_img").style.display = "block" 2122 2123 } 2124 else if (valk.checked == false) { 2125 vidkomust.setVisible(false); 2126 document.getElementById("ferd_img").style.display = "none" 2127 2128 } 2129} 2130 2131function H1bsub10_click(){ 2132 var valk = document.getElementById("H1bsub10"); 2133 if (valk.checked == true) { 2134 birki.setVisible(true); 2135 document.getElementById("birki_img").style.display = "block" 2136 2137 } 2138 else if (valk.checked == false) { 2139 birki.setVisible(false); 2140 document.getElementById("birki_img").style.display = "none" 2141 2142 } 2143} 2144 2145 2146function H1bsub11_click(){ 2147 var valk = document.getElementById("H1bsub11"); 2148 if (valk.checked == true) { 2149 votlendi.setVisible(true); 2150 document.getElementById("votlendi_img").style.display = "block" 2151 2152 } 2153 else if (valk.checked == false) { 2154 votlendi.setVisible(false); 2155 document.getElementById("votlendi_img").style.display = "none" 2156 2157 } 2158} 2159 2160 2161 2162 2163 2164 2165 2166 2167 2168 2169 2170 2171 2172 2173 2174 2175 2176// function H2(){ 2177// var valk = document.getElementById("H2"); 2178// if (valk.checked == true) { 2179// valk.setVisible(true); 2180// } 2181// else if (valk.checked == false) { 2182// valk.setVisible(false); 2183// } 2184// } 2185 2186 2187 2188 2189 2190function H2(){ 2191 var base = document.getElementById("H2"); 2192 var v1b = document.getElementById("H2herad"); 2193 var v1c = document.getElementById("H2seyd"); 2194 2195 // var v1 = document.getElementById("H2sub1"); 2196 // var v2 = document.getElementById("H2sub2"); 2197 // var v3 = document.getElementById("H2sub3"); 2198 // var v4 = document.getElementById("H2sub4"); 2199 var v5 = document.getElementById("H2sub5"); 2200 var v6 = document.getElementById("H2sub6"); 2201 2202 2203 var trans = document.getElementById("sk-b2-head"); 2204 if (base.checked == true) { 2205 // if (v1.checked == true) { 2206 // H2sub1_click() 2207 // }; 2208 // if (v2.checked == true) { 2209 // H2sub2_click() 2210 // }; 2211 // if (v3.checked == true) { 2212 // H2sub3_click() 2213 // }; 2214 // if (v4.checked == true) { 2215 // H2sub4_click() 2216 // }; 2217 if (v1b.checked == true) { 2218 H2herad() 2219 }; 2220 if (v1c.checked == true) { 2221 H2seyd() 2222 }; 2223 if (v5.checked == true) { 2224 H2sub5_click() 2225 }; 2226 if (v6.checked == true) { 2227 H2sub6_click() 2228 }; 2229 2230 trans.style.display = "block"; 2231 } else if (base.checked == false) { 2232 norudrleid.setVisible(false); 2233 sudurleid.setVisible(false); 2234 midleid.setVisible(false); 2235 ny_lina.setVisible(false); 2236 jardgong.setVisible(false); 2237 aningastadir.setVisible(false); 2238 trans.style.display = "none"; 2239 } 2240 2241} 2242 2243function H2herad(){ 2244 var base = document.getElementById("H2herad"); 2245 2246 var v1 = document.getElementById("H2sub1"); 2247 var v2 = document.getElementById("H2sub2"); 2248 var v3 = document.getElementById("H2sub3"); 2249 2250 2251 var trans = document.getElementById("sk-b3-head_sub"); 2252 if (base.checked == true) { 2253 if (v1.checked == true) { 2254 H2sub1_click() 2255 }; 2256 if (v2.checked == true) { 2257 H2sub2_click() 2258 }; 2259 if (v3.checked == true) { 2260 H2sub3_click() 2261 }; 2262 2263 2264 trans.style.display = "block"; 2265 } else if (base.checked == false) { 2266 norudrleid.setVisible(false); 2267 sudurleid.setVisible(false); 2268 midleid.setVisible(false); 2269 sudurleid_tenging.setVisible(false); 2270 trans.style.display = "none"; 2271 } 2272 2273} 2274 2275function H2seyd(){ 2276 var base = document.getElementById("H2seyd"); 2277 2278 var v4 = document.getElementById("H2sub4"); 2279 var v4b = document.getElementById("H2sub4b"); 2280 2281 2282 var trans = document.getElementById("sk-b3-head_sub2"); 2283 if (base.checked == true) { 2284 if (v4.checked == true) { 2285 H2sub4_click() 2286 }; 2287 if (v4b.checked == true) { 2288 H2sub4b_click() 2289 }; 2290 2291 trans.style.display = "block"; 2292 } else if (base.checked == false) { 2293 ny_lina.setVisible(false); 2294 nuv_lina.setVisible(false); 2295 trans.style.display = "none"; 2296 } 2297 2298} 2299 2300 2301function H2sub1_click(){ 2302 var valk = document.getElementById("H2sub1"); 2303 if (valk.checked == true) { 2304 norudrleid.setVisible(true); 2305 document.getElementById("n_img").style.display = "block" 2306 2307 } 2308 else if (valk.checked == false) { 2309 norudrleid.setVisible(false); 2310 document.getElementById("n_img").style.display = "none" 2311 2312 } 2313} 2314 2315function H2sub2_click(){ 2316 var valk = document.getElementById("H2sub2"); 2317 if (valk.checked == true) { 2318 sudurleid.setVisible(true); 2319 sudurleid_tenging.setVisible(true); 2320 document.getElementById("s_img").style.display = "block" 2321 document.getElementById("s_img_texti").style.display = "block" 2322 2323 } 2324 else if (valk.checked == false) { 2325 sudurleid.setVisible(false); 2326 sudurleid_tenging.setVisible(false); 2327 document.getElementById("s_img").style.display = "none" 2328 document.getElementById("s_img_texti").style.display = "none" 2329 } 2330} 2331 2332function H2sub3_click(){ 2333 var valk = document.getElementById("H2sub3"); 2334 if (valk.checked == true) { 2335 midleid.setVisible(true); 2336 document.getElementById("m_img").style.display = "block" 2337 2338 } 2339 else if (valk.checked == false) { 2340 midleid.setVisible(false); 2341 document.getElementById("m_img").style.display = "none" 2342 2343 } 2344} 2345 2346function H2sub4_click(){ 2347 var valk = document.getElementById("H2sub4"); 2348 if (valk.checked == true) { 2349 ny_lina.setVisible(true); 2350 document.getElementById("nyrvegur_img").style.display = "block" 2351 2352 } 2353 else if (valk.checked == false) { 2354 ny_lina.setVisible(false); 2355 document.getElementById("nyrvegur_img").style.display = "none" 2356 2357 } 2358} 2359 2360function H2sub4b_click(){ 2361 var
2361valk = document.getElementById("H2sub4b"); 2362 if (valk.checked == true) { 2363 nuv_lina.setVisible(true); 2364 document.getElementById("nuv_vegur_img").style.display = "block" 2365 2366 } 2367 else if (valk.checked == false) { 2368 nuv_lina.setVisible(false); 2369 document.getElementById("nuv_vegur_img").style.display = "none" 2370 2371 } 2372} 2373 2374function H2sub5_click(){ 2375 var valk = document.getElementById("H2sub5"); 2376 if (valk.checked == true) { 2377 jardgong.setVisible(true); 2378 document.getElementById("gong_img").style.display = "block" 2379 // document.getElementById("gong_img").style.visibility = "block" 2380 2381 } 2382 else if (valk.checked == false) { 2383 jardgong.setVisible(false); 2384 document.getElementById("gong_img").style.display = "none" 2385 // document.getElementById("gong_img").style.display = "block" 2386 2387 } 2388} 2389 2390function H2sub6_click(){ 2391 var valk = document.getElementById("H2sub6"); 2392 if (valk.checked == true) { 2393 aningastadir.setVisible(true); 2394 document.getElementById("aning_img").style.display = "block" 2395 2396 } 2397 else if (valk.checked == false) { 2398 aningastadir.setVisible(false); 2399 document.getElementById("aning_img").style.display = "none" 2400 } 2401} 2402 2403function H2sub7_click(){ 2404 var valk = document.getElementById("H2sub7"); 2405 if (valk.checked == true) { 2406 framkv_group.setVisible(true); 2407 document.getElementById("vinnusv_img").style.display = "block" 2408 2409 } 2410 else if (valk.checked == false) { 2411 framkv_group.setVisible(false); 2412 document.getElementById("vinnusv_img").style.display = "none" 2413 } 2414} 2415 2416// function H2sub1_click(){ 2417// var base = document.getElementById("H2sub1"); 2418// // var valkostir_5 = document.getElementById("H2sub1"); 2419// var v1 = document.getElementById("H2sub1sub"); 2420// var v2 = document.getElementById("H2sub2sub"); 2421// var v2b = document.getElementById("H2sub2bsub"); 2422// var v3 = document.getElementById("H2sub3sub"); 2423 2424// var trans = document.getElementById("sk-b2-head_sub"); 2425// if (base.checked == true) { 2426// if (v1.checked == true) { 2427// H2sub1sub_click() 2428// }; 2429// if (v2.checked == true) { 2430// H2sub2sub_click() 2431// }; 2432// if (v2b.checked == true) { 2433// H2sub2bsub_click() 2434// }; 2435// if (v3.checked == true) { 2436// H2sub3sub_click() 2437// }; 2438// trans.style.display = "block"; 2439// } else if (base.checked == false) { 2440// sv1_val1a_pkt.setVisible(false); 2441// sv1_val1a_tengi.setVisible(false); 2442// sv1_val1a_adal.setVisible(false); 2443// sv1_val1a_hlidar.setVisible(false); 2444 2445 2446// trans.style.display = "none"; 2447// } 2448// } 2449 2450 2451// function H2sub1sub_click(){ 2452// var valk = document.getElementById("H2sub1sub"); 2453// if (valk.checked == true) { 2454// sv1_val1a_adal.setVisible(true); 2455// } 2456// else if (valk.checked == false) { 2457// sv1_val1a_adal.setVisible(false); 2458// } 2459// } 2460 2461// function H2sub2sub_click(){ 2462// var valk = document.getElementById("H2sub2sub"); 2463// if (valk.checked == true) { 2464// sv1_val1a_tengi.setVisible(true); 2465// } 2466// else if (valk.checked == false) { 2467// sv1_val1a_tengi.setVisible(false); 2468// } 2469// } 2470 2471// function H2sub2bsub_click(){ 2472// var valk = document.getElementById("H2sub2bsub"); 2473// if (valk.checked == true) { 2474// sv1_val1a_hlidar.setVisible(true); 2475// } 2476// else if (valk.checked == false) { 2477// sv1_val1a_hlidar.setVisible(false); 2478// } 2479// } 2480 2481// function H2sub3sub_click(){ 2482// var valk = document.getElementById("H2sub3sub"); 2483// if (valk.checked == true) { 2484// sv1_val1a_pkt.setVisible(true); 2485// } 2486// else if (valk.checked == false) { 2487// sv1_val1a_pkt.setVisible(false); 2488// } 2489// } 2490 2491 2492 2493 2494 2495 2496 2497 2498 2499 2500 2501 2502 2503 2504 2505 2506 2507 2508 2509 2510 2511 2512 2513 2514 2515 2516 2517 2518 2519 2520 2521 2522 2523 2524 2525 2526 2527 2528 2529 2530 2531 2532// function H3(){ 2533// var valk = document.getElementById("H3"); 2534// if (valk.checked == true) { 2535// snaefellsnes.setVisible(true); 2536// } 2537// else if (valk.checked == false) { 2538// snaefellsnes.setVisible(false); 2539// } 2540 2541// } 2542 2543 2544// // function H3sub1_click(){ 2545// // var valk = document.getElementById("H3sub1"); 2546// // if (valk.checked == true) { 2547// // st_athafn2.setVisible(true); 2548// // } 2549// // else if (valk.checked == false) { 2550// // st_athafn2.setVisible(false); 2551// // } 2552// // } 2553 2554// function H3sub2_click(){ 2555// var base = document.getElementById("H3sub2"); 2556// // var valkostir_5 = document.getElementById("H2sub1"); 2557// var v1 = document.getElementById("H3sub1sub"); 2558// var v2 = document.getElementById("H3sub2sub"); 2559// var v2b = document.getElementById("H3sub2bsub"); 2560 2561// var v3 = document.getElementById("H3sub3sub"); 2562 2563// var trans = document.getElementById("sk-b3-head_sub"); 2564// if (base.checked == true) { 2565// if (v1.checked == true) { 2566// H3sub1sub_click() 2567// }; 2568// if (v2.checked == true) { 2569// H3sub2sub_click() 2570// }; 2571// if (v2b.checked == true) { 2572// H3sub2bsub_click() 2573// }; 2574// if (v3.checked == true) { 2575// H3sub3sub_click() 2576// }; 2577// trans.style.display = "block"; 2578// } else if (base.checked == false) { 2579// sv2_val1a_adal.setVisible(false); 2580// sv2_val1a_hlidar.setVisible(false); 2581// sv2_val1a_tengi.setVisible(false); 2582// sv2_val1a_pkt.setVisible(false); 2583// sv2_val3c_tengi.setVisible(false); 2584 2585 2586// trans.style.display = "none"; 2587// } 2588// } 2589 2590 2591// function H3sub1sub_click(){ 2592// var valk = document.getElementById("H3sub1sub"); 2593// if (valk.checked == true) { 2594// sv2_val1a_adal.setVisible(true); 2595// } 2596// else if (valk.checked == false) { 2597// sv2_val1a_adal.setVisible(false); 2598// } 2599// } 2600 2601// function H3sub2sub_click(){ 2602// var valk = document.getElementById("H3sub2sub"); 2603// if (valk.checked == true) { 2604// sv2_val1a_tengi.setVisible(true); 2605// sv2_val3c_tengi.setVisible(true); 2606// } 2607// else if (valk.checked == false) { 2608// sv2_val1a_tengi.setVisible(false); 2609// sv2_val3c_tengi.setVisible(false); 2610 2611// } 2612// } 2613 2614// function H3sub2bsub_click(){ 2615// var valk = document.getElementById("H3sub2bsub"); 2616// if (valk.checked == true) { 2617// sv2_val1a_hlidar.setVisible(true); 2618// } 2619// else if (valk.checked == false) { 2620// sv2_val1a_hlidar.setVisible(false); 2621// } 2622// } 2623 2624// function H3sub3sub_click(){ 2625// var valk = document.getElementById("H3sub3sub"); 2626// if (valk.checked == true) { 2627// sv2_val1a_pkt.setVisible(true); 2628// } 2629// else if (valk.checked == false) { 2630// sv2_val1a_pkt.setVisible(false); 2631// } 2632// } 2633 2634 2635 2636 2637 2638 2639 2640 2641 2642 2643 2644 2645 2646 2647 2648 2649 2650// function H3sub3_click(){ 2651// var base = document.getElementById("H3sub3"); 2652// // var valkostir_5 = document.getElementById("H2sub1"); 2653// var v1 = document.getElementById("H3sub1sub2"); 2654// var v2 = document.getElementById("H3sub2sub2"); 2655// var v2b = document.getElementById("H3sub2bsub2"); 2656// var v3 = document.getElementById("H3sub3sub2"); 2657 2658// var trans = document.getElementById("sk-b3-head_sub2"); 2659// if (base.checked == true) { 2660// if (v1.checked == true) { 2661// H3sub1sub2_click() 2662// }; 2663// if (v2.checked == true) { 2664// H3sub2sub2_click() 2665// }; 2666// if (v2b.checked == true) { 2667// H3sub2bsub2_click() 2668// }; 2669// if (v3.checked == true) { 2670// H3sub3sub2_click() 2671// }; 2672// trans.style.display = "block"; 2673// } else if (base.checked == false) { 2674// sv2_val2a_adal.setVisible(false); 2675// sv2_val2a_tengi.setVisible(false); 2676// sv2_val2a_hlidar.setVisible(false); 2677 2678// sv2_val2a_pkt.setVisible(false); 2679 2680// sv2_val3c_tengi2.setVisible(false); 2681// trans.style.display = "none"; 2682// } 2683// } 2684 2685 2686// function H3sub1sub2_click(){ 2687// var valk = document.getElementById("H3sub1sub2"); 2688// if (valk.checked == true) { 2689// sv2_val2a_adal.setVisible(true); 2690 2691// } 2692// else if (valk.checked == false) { 2693// sv2_val2a_adal.setVisible(false); 2694// } 2695// } 2696 2697// function H3sub2sub2_click(){ 2698// var valk = document.getElementById("H3sub2sub2"); 2699// if (valk.checked == true) { 2700// sv2_val2a_tengi.setVisible(true); 2701// sv2_val3c_tengi2.setVisible(true); 2702 2703// } 2704// else if (valk.checked == false) { 2705// sv2_val2a_tengi.setVisible(false); 2706// sv2_val3c_tengi2.setVisible(false); 2707 2708// } 2709// } 2710 2711// function H3sub2bsub2_click(){ 2712// var valk = document.getElementById("H3sub2bsub2"); 2713// if (valk.checked == true) { 2714// sv2_val2a_hlidar.setVisible(true); 2715// } 2716// else if (valk.checked == false) { 2717// sv2_val2a_hlidar.setVisible(false); 2718// } 2719// } 2720 2721// function H3sub3sub2_click(){ 2722// var valk = document.getElementById("H3sub3sub2"); 2723// if (valk.checked == true) { 2724// sv2_val2a_pkt.setVisible(true); 2725// } 2726// else if (valk.checked == false) { 2727// sv2_val2a_pkt.setVisible(false); 2728// } 2729// } 2730 2731 2732 2733 2734 2735 2736 2737 2738 2739 2740 2741 2742 2743 2744 2745// // function H3sub4_click(){ 2746// // var base = document.getElementById("H3sub4"); 2747// // // var valkostir_5 = document.getElementById("H2sub1"); 2748// // var v1 = document.getElementById("H3sub1sub3"); 2749// // var v2 = document.getElementById("H3sub2sub3"); 2750 2751// // var trans = document.getElementById("sk-b3-head_sub3"); 2752// // if (base.checked == true) { 2753// // if (v1.checked == true) { 2754// // H3sub1sub3_click() 2755// // }; 2756// // if (v2.checked == true) { 2757// // H3sub2sub3_click() 2758// // }; 2759// // trans.style.display = "block"; 2760// // } else if (base.checked == false) { 2761// // sv2_val3a_hlidar.setVisible(false); 2762// // sv2_val3a_tengi.setVisible(false); 2763// // sv2_val3a_pkt.setVisible(false); 2764 2765// // trans.style.display = "none"; 2766// // } 2767// // } 2768 2769 2770// // function H3sub1sub3_click(){ 2771// // var valk = document.getElementById("H3sub1sub3"); 2772// // if (valk.checked == true) { 2773// // sv2_val3a_hlidar.setVisible(true); 2774// // sv2_val3a_tengi.setVisible(true); 2775// // } 2776// // else if (valk.checked == false) { 2777// // sv2_val3a_hlidar.setVisible(false); 2778// // sv2_val3a_tengi.setVisible(false); 2779// // } 2780// // } 2781 2782// // function H3sub2sub3_click(){ 2783// // var valk = document.getElementById("H3sub2sub3"); 2784// // if (valk.checked == true) { 2785// // sv2_val3a_pkt.setVisible(true); 2786// // } 2787// // else if (valk.checked == false) { 2788// // sv2_val3a_pkt.setVisible(false); 2789// // } 2790// // } 2791 2792 2793 2794 2795 2796 2797 2798 2799 2800 2801 2802 2803 2804 2805 2806// // function H3sub5_click(){ 2807// // var base = document.getElementById("H3sub5"); 2808// // // var valkostir_5 = document.getElementById("H2sub1"); 2809// // var v1 = document.getElementById("H3sub1sub4"); 2810// // var v2 = document.getElementById("H3sub2sub4"); 2811 2812// // var trans = document.getElementById("sk-b3-head_sub4"); 2813// // if (base.checked == true) { 2814// // if (v1.checked == true) { 2815// // H3sub1sub4_click() 2816// // }; 2817// // if (v2.checked == true) { 2818// // H3sub2sub4_click() 2819// // }; 2820// // trans.style.display = "block"; 2821// // } else if (base.checked == false) { 2822// // sv2_val3b_tengi.setVisible(false); 2823// // sv2_val3b_pkt.setVisible(false); 2824 2825// // trans.style.display = "none"; 2826// // } 2827// // } 2828 2829 2830// // function H3sub1sub4_click(){ 2831// // var valk = document.getElementById("H3sub1sub4"); 2832// // if (valk.checked == true) { 2833// // sv2_val3b_tengi.setVisible(true); 2834// // } 2835// // else if (valk.checked == false) { 2836// // sv2_val3b_tengi.setVisible(false); 2837// // } 2838// // } 2839 2840// // function H3sub2sub4_click(){ 2841// // var valk = document.getElementById("H3sub2sub4"); 2842// // if (valk.checked == true) { 2843// // sv2_val3b_pkt.setVisible(true); 2844// // } 2845// // else if (valk.checked == false) { 2846// // sv2_val3b_pkt.setVisible(false); 2847// // } 2848// // } 2849 2850 2851 2852 2853 2854 2855 2856// // function H3sub6_click(){ 2857// // var base = document.getElementById("H3sub6"); 2858// // // var valkostir_5 = document.getElementById("H2sub1"); 2859// // var v1 = document.getElementById("H3sub1sub5"); 2860// // var v2 = document.getElementById("H3sub2sub5"); 2861 2862// // var trans = document.getElementById("sk-b3-head_sub5"); 2863// // if (base.checked == true) { 2864// // if (v1.checked == true) { 2865// // H3sub1sub5_click() 2866// // }; 2867// // if (v2.checked == true) { 2868// // H3sub2sub5_click() 2869// // }; 2870// // trans.style.display = "block"; 2871// // } else if (base.checked == false) { 2872// // sv2_val3c_tengi.setVisible(false); 2873// // sv2_val3c_pkt.setVisible(false); 2874 2875// // trans.style.display = "none"; 2876// // } 2877// // } 2878 2879 2880// // function H3sub1sub5_click(){ 2881// // var valk = document.getElementById("H3sub1sub5"); 2882// // if (valk.checked == true) { 2883// // sv2_val3c_tengi.setVisible(true); 2884// // } 2885// // else if (valk.checked == false) { 2886// // sv2_val3c_tengi.setVisible(false); 2887// // } 2888// // } 2889 2890// // function H3sub2sub5_click(){ 2891// // var valk = document.getElementById("H3sub2sub5"); 2892// // if (valk.checked == true) { 2893// // sv2_val3c_pkt.setVisible(true); 2894// // } 2895// // else if (valk.checked == false) { 2896// // sv2_val3c_pkt.setVisible(false); 2897// // } 2898// // } 2899 2900 2901 2902 2903 2904 2905 2906 2907 2908 2909 2910 2911 2912 2913 2914 2915 2916 2917 2918 2919 2920 2921// function H4(){ 2922// var valk = document.getElementById("H4"); 2923// if (valk.checked == true) { 2924// borg_isa.setVisible(true); 2925// } 2926// else if (valk.checked == false) { 2927// borg_isa.setVisible(false); 2928// } 2929 2930// } 2931 2932 2933 2934// function H4sub1_click(){ 2935// var valk = document.getElementById("H4sub1"); 2936// if (valk.checked == true) { 2937// sv3_adal.setVisible(true); 2938// } 2939// else if (valk.checked == false) { 2940// sv3_adal.setVisible(false); 2941// } 2942// } 2943 2944 2945// function H4sub2_click(){ 2946// var base = document.getElementById("H4sub2"); 2947// // var valkostir_5 = document.getElementById("H2sub1"); 2948// var v1 = document.getElementById("H4sub1sub"); 2949// var v2 = document.getElementById("H4sub2sub"); 2950 2951// var trans = document.getElementById("sk-b4-head_sub"); 2952// if (base.checked == true) { 2953// if (v1.checked == true) { 2954// H4sub1sub_click() 2955// }; 2956// if (v2.checked == true) { 2957// H4sub2sub_click() 2958// }; 2959// trans.style.display = "block"; 2960// } else if (base.checked == false) { 2961// sv3_val1a_pkt.setVisible(false); 2962// sv3_val1a_tengi.setVisible(false); 2963 2964// trans.style.display = "none"; 2965// } 2966// } 2967 2968// function H4sub1sub_click(){ 2969// var valk = document.getElementById("H4sub1sub"); 2970// if (valk.checked == true) { 2971// sv3_val1a_tengi.setVisible(true); 2972// } 2973// else if (valk.checked == false) { 2974// sv3_val1a_tengi.setVisible(false); 2975// } 2976// } 2977 2978// function H4sub2sub_click(){ 2979// var valk = document.getElementById("H4sub2sub"); 2980// if (valk.checked == true) { 2981// sv3_val1a_pkt.setVisible(true); 2982// } 2983// else if (valk.checked == false) { 2984// sv3_val1a_pkt.setVisible(false); 2985// } 2986// } 2987 2988 2989 2990// function H4sub3_click(){ 2991// var base = document.getElementById("H4sub3"); 2992// // var valkostir_5 = document.getElementById("H2sub1"); 2993// var v1 = document.getElementById("H4sub1sub2"); 2994// var v2 = document.getElementById("H
29944sub2sub2"); 2995 2996// var trans = document.getElementById("sk-b4-head_sub2"); 2997// if (base.checked == true) { 2998// if (v1.checked == true) { 2999// H4sub1sub2_click() 3000// }; 3001// if (v2.checked == true) { 3002// H4sub2sub2_click() 3003// }; 3004// trans.style.display = "block"; 3005// } else if (base.checked == false) { 3006// sv3_val1b_pkt.setVisible(false); 3007// sv3_val1b_tengi.setVisible(false); 3008 3009// trans.style.display = "none"; 3010// } 3011// } 3012 3013// function H4sub1sub2_click(){ 3014// var valk = document.getElementById("H4sub1sub2"); 3015// if (valk.checked == true) { 3016// sv3_val1b_tengi.setVisible(true); 3017// } 3018// else if (valk.checked == false) { 3019// sv3_val1b_tengi.setVisible(false); 3020// } 3021// } 3022 3023// function H4sub2sub2_click(){ 3024// var valk = document.getElementById("H4sub2sub2"); 3025// if (valk.checked == true) { 3026// sv3_val1b_pkt.setVisible(true); 3027// } 3028// else if (valk.checked == false) { 3029// sv3_val1b_pkt.setVisible(false); 3030// } 3031// } 3032 3033 3034 3035 3036 3037// function H4sub4_click(){ 3038// var base = document.getElementById("H4sub4"); 3039// // var valkostir_5 = document.getElementById("H2sub1"); 3040// var v1 = document.getElementById("H4sub1sub3"); 3041// var v2 = document.getElementById("H4sub2sub3"); 3042 3043// var trans = document.getElementById("sk-b4-head_sub3"); 3044// if (base.checked == true) { 3045// if (v1.checked == true) { 3046// H4sub1sub3_click() 3047// }; 3048// if (v2.checked == true) { 3049// H4sub2sub3_click() 3050// }; 3051// trans.style.display = "block"; 3052// } else if (base.checked == false) { 3053// sv3_val1c_pkt.setVisible(false); 3054// sv3_val1c_tengi.setVisible(false); 3055 3056// trans.style.display = "none"; 3057// } 3058// } 3059 3060// function H4sub1sub3_click(){ 3061// var valk = document.getElementById("H4sub1sub3"); 3062// if (valk.checked == true) { 3063// sv3_val1c_tengi.setVisible(true); 3064// } 3065// else if (valk.checked == false) { 3066// sv3_val1c_tengi.setVisible(false); 3067// } 3068// } 3069 3070// function H4sub2sub3_click(){ 3071// var valk = document.getElementById("H4sub2sub3"); 3072// if (valk.checked == true) { 3073// sv3_val1c_pkt.setVisible(true); 3074// } 3075// else if (valk.checked == false) { 3076// sv3_val1c_pkt.setVisible(false); 3077// } 3078// } 3079 3080 3081 3082 3083 3084 3085 3086 3087 3088 3089 3090 3091 3092 3093 3094 3095 3096 3097 3098/////////////////////////////////////////////////////////////////////////////////////////////////////////// 3099 3100function syna_kort(){ 3101 var div_rammi = document.getElementById("loftmynd_gotukort_toggle"); 3102 if (document.getElementById("syna_kort_value").innerHTML == "Götukort"){ 3103 document.getElementById("syna_kort_value").innerHTML = "Loftmynd"; 3104 OSMStandard.setVisible(true); 3105 BingMap.setVisible(false); 3106 div_rammi.style.borderColor = "white"; 3107 div_rammi.style.backgroundImage = "url('../img/bing_loftmynd.png')"; 3108 byggd_label.setStyle(byggd_style2_gotukort); 3109 ornefni_label.setStyle(ornefni_style2_gotukort); 3110 vatn_label.setStyle(vatn_style2_gotukort); 3111 } else { 3112 document.getElementById("syna_kort_value").innerHTML = "Götukort" 3113 div_rammi.style.borderColor = "white"; 3114 OSMStandard.setVisible(false); 3115 BingMap.setVisible(true); 3116 div_rammi.style.backgroundImage = "url('../img/lmi_kort.png')"; 3117 byggd_label.setStyle(byggd_style2); 3118 ornefni_label.setStyle(ornefni_style2); 3119 vatn_label.setStyle(vatn_style2); 3120 } 3121} 3122 3123 3124 3125 3126//////////////////////////////////////////////////////////////////////////////////////////////////////////////////// 3127 3128 3129 3130 3131 3132function draw_styles(){ 3133 var ex = new ol.style.Style({ 3134 stroke: new ol.style.Stroke({ 3135 color: [0, 0, 0, 0.9], 3136 lineDash: [5, 5], 3137 width: 2, 3138 }) 3139 }); 3140 3141 var ex2 = new ol.style.Style({ 3142 image: new ol.style.Circle({ 3143 radius: 5, 3144 stroke: new ol.style.Stroke({ 3145 color: [0, 0, 0, 0.7], 3146 }), 3147 fill: new ol.style.Fill({
3148 color: [255, 255, 255, 0.6], 3149 }), 3150 }), 3151 }); 3152 3153 return [ex, ex2] 3154} 3155 3156function draw_styles_end(){ 3157 var ex = new ol.style.Style({ 3158 stroke: new ol.style.Stroke({ 3159 color: [255, 204, 51], 3160 width: 2, 3161 }) 3162 }); 3163 3164 var ex2 = new ol.style.Style({ 3165 image: new ol.style.Circle({ 3166 radius: 6, 3167 fill: new ol.style.Fill({ 3168 color: [255, 0, 0, 1] 3169 }), 3170 stroke: new ol.style.Stroke({ 3171 color: [255, 0, 0, 1], 3172 width: 2, 3173 }) 3174 }), 3175 }); 3176 3177 return [ex, ex2] 3178} 3179 3180 3181 3182var drawsource = new ol.source.Vector(); 3183var drawlayer = new ol.layer.Vector({ 3184 source: drawsource, 3185 style: draw_styles 3186}) 3187 3188var drawLine = new ol.interaction.Draw({ 3189 source: drawsource, 3190 type: 'LineString', 3191 style: draw_styles 3192}); 3193 3194var tooltip = new ol.Overlay.Tooltip({ 3195 maximumFractionDigits:2 3196 // popupClass: 'tilraun' 3197}); 3198 3199 3200 3201 3202 3203function measure_line(){ 3204 3205 if (document.getElementById("measure").innerHTML !== "X") { 3206 document.getElementById('js-map').style.cursor = "crosshair"; 3207 3208 map.addLayer(drawlayer); 3209 3210 map.addInteraction(drawLine); 3211 // map.removeInteraction(drawLine); 3212 3213 map.addOverlay(tooltip); 3214 // map.removeOverlay(tooltip); 3215 3216 // Set feature on drawstart 3217 drawLine.on('drawstart', tooltip.setFeature.bind(tooltip)); 3218 // Remove feature on finish 3219 // drawLine.on(['change:active','drawend'], tooltip.removeFeature.bind(tooltip)); 3220 // drawLine.on(['change:active','drawend'], tooltip.removeFeature.bind(tooltip),function(evt){ 3221 // drawlayer.setStyle(draw_styles_end), 3222 3223 // console.log(Math.round(ol.sphere.getLength(evt.feature.getGeometry()))) 3224 // }); 3225 drawLine.on('drawend',tooltip.removeFeature.bind(tooltip)) 3226 3227 drawLine.on('drawend',function(evt){ 3228 drawlayer.setStyle(draw_styles_end); 3229 console.log(Math.round(ol.sphere.getLength(evt.feature.getGeometry()))); 3230 // con() 3231 }) 3232 3233 document.getElementById("measure").innerHTML = "X" 3234 document.getElementById("measure").style.backgroundColor = "rgba(200,0,0,0.8)" 3235 document.getElementById("measure").style.color = "white" 3236 document.getElementById("measure").style.borderColor = "white" 3237 document.getElementById("measure").style.fontWeight = "bold" 3238 document.getElementById('measure').style.cursor = "pointer"; 3239 } else { 3240 document.getElementById('js-map').style.cursor = "initial"; 3241 document.getElementById("measure").style.backgroundColor = "rgb(254, 221, 0)" 3242 document.getElementById("measure").style.borderColor = "black" 3243 map.removeLayer(drawlayer); 3244 drawlayer.getSource().clear(); 3245 drawlayer.setSource(drawsource); 3246 map.removeOverlay(tooltip); 3247 map.removeInteraction(drawLine); 3248 document.getElementById("measure").innerHTML = '<img src="img/ruler_test.svg" alt="" width="100%" height="100%">' 3249 3250 } 3251 3252} 3253 3254 3255 3256 3257 3258 3259 3260 3261 3262 3263var drawsource3 = new ol.source.Vector(); 3264var drawlayer3 = new ol.layer.Vector({ 3265 source: drawsource3, 3266 style: new ol.style.Style({ 3267 image: new ol.style.Circle({ 3268 radius: 8, 3269 fill: new ol.style.Fill({ 3270 color: [255, 255, 0, 1] 3271 }), 3272 stroke: new ol.style.Stroke({ 3273 color: [0, 0, 0, 1], 3274 width: 3, 3275 }) 3276 }) 3277 }), 3278 zIndex: 6 3279 3280}) 3281 3282var drawPoint = new ol.interaction.Draw({ 3283 source: drawsource3, 3284 type: 'Point', 3285 style: new ol.style.Style({ 3286 image: new ol.style.Circle({ 3287 radius: 8, 3288 fill: new ol.style.Fill({ 3289 color: [255, 255, 0, 1] 3290 }), 3291 stroke: new ol.style.Stroke({ 3292 color: [0, 0, 0, 1], 3293 width: 3, 3294 }) 3295 }) 3296 }) 3297 3298}); 3299 3300 3301function btn_loc(){ 3302 // closeForm(); 3303 document.getElementById("myForm").style.display = "none" 3304 document.getElementById('js-map').style.cursor = "crosshair"; 3305 document.getElementById('btn_stadsetning').innerHTML = "Velja staðsetningu á korti (â)"; 3306 3307 // map.on('singleclick',callback); 3308 document.getElementById("btn_stadsetning").style.background = "rgb(71, 70, 70)"; 3309 // document.getElementById("punktur_lina_rammi").style.display = "none" 3310 3311 map.addLayer(drawlayer3); 3312 3313 map.addInteraction(drawPoint); 3314 3315 3316 drawPoint.on('drawend',function(evt){ 3317 // con()
3318 document.getElementById('js-map').style.cursor = "initial" 3319 console.log(evt.feature.getGeometry().flatCoordinates); 3320 3321 3322 var format = new ol.format.GeoJSON(); 3323 var geom = evt.feature.getGeometry(); 3324 var feature = new ol.Feature({ 3325 skildabod: "Tilraunartexti", 3326 geometry: geom 3327 }); 3328 var obj = format.writeFeatures([feature]); 3329 3330 3331 // document.getElementById("form_pkt_or_line").value = "pkt" 3332 // document.getElementById("form_pkt").value = obj 3333 // document.getElementById("form_line").value = "" 3334 3335 document.getElementById("form_pkt").value = obj 3336 3337 document.getElementById("myForm").style.display = "block" 3338 3339 // if (document.getElementById("ab_val1").checked){ 3340 // document.getElementById("lota").value = "1" 3341 // } 3342 3343 // if (document.getElementById("ab_val2").checked){ 3344 // document.getElementById("lota").value = "2" 3345 // } 3346 3347 // console.log(document.getElementById("ab_val1").checked) 3348 // console.log(document.getElementById("ab_val2").checked) 3349 // console.log(document.getElementById("lota").value) 3350 3351 3352 // fetch('https://v1.nocodeapi.com/sigurbjorn/netlify/urNYMIYMxsodBsuv/listSiteSubmissions?site_id=0a442be9-8971-440c-8657-1effde26340c') 3353 // // Handle success 3354 // .then(response => response.json()) // convert to json 3355 // .then(json => { 3356 // console.log(json.length); 3357 // console.log(json); 3358 // for (i = 0; i < json.length; i++) { 3359 // console.log(json[i].human_fields["Form Line"]); 3360 // if (json[i].human_fields["Form Pkt"]){ 3361 // vectorSource.addFeatures(new ol.format.GeoJSON().readFeatures(json[i].human_fields["Form Pkt"])); 3362 // console.log(vectorLayer.getSource().getProperties()) 3363 // } 3364 // } 3365 // // console.log("virkar þetta?") 3366 // }) //print data to console 3367 // .catch(err => console.log('Request Failed', err)); // Catch errors 3368 3369 // map.removeLayer(drawlayer3); 3370 // drawlayer3.getSource().clear(); 3371 map.removeInteraction(drawPoint); 3372 3373 3374 document.getElementById('btn_stadsetning').disabled = true; 3375 document.getElementById('btn_stadsetning').style.cursor = "default" 3376 3377 3378 3379 }) 3380 3381} 3382 3383 3384 3385function ath_afram(){ 3386 document.getElementById("myForm").style.display = "none"; 3387 map.removeLayer(drawlayer3); 3388 drawlayer3.getSource().clear(); 3389 // drawlayer3.setSource(drawsource3); 3390 map.removeInteraction(drawPoint); 3391 3392 document.getElementById("menu_small_content").style.display = "none"; 3393 document.getElementById("menu_small").innerHTML = "lll"; 3394 document.getElementById("menu_small").style.transform = "rotate(90deg)" 3395 3396 document.getElementById("modal_athugasemd_content").style.display = "block"; 3397 document.getElementById("modal_form").style.display = "none"; 3398 document.getElementById("btn_stadsetning").style.background = "rgb(33, 99, 180)"; 3399 document.getElementById('btn_stadsetning').innerHTML = "Velja staðsetningu á korti (valfrjálst)"; 3400} 3401 3402function ath_cancel(){ 3403 var ac = document.getElementById("modal_athugasemd_content"); 3404 ac.style.display = "none"; 3405} 3406 3407 3408 3409 3410function sendaAth() { 3411 document.getElementById("modal_athugasemd_content").style.display = "none"; 3412 document.getElementById("myForm").style.display = "block"; 3413 document.getElementById("modal_form").style.display = "none"; 3414 3415 map.removeLayer(drawlayer3); 3416 drawlayer3.getSource().clear(); 3417 // drawlayer3.setSource(drawsource3); 3418 map.removeInteraction(drawPoint); 3419 3420 3421 document.getElementById("form_pkt").value = ""; 3422 3423 document.getElementById("txtbox").value = ""; 3424 // document.getElementById("email1").value = ""; 3425 document.getElementById("name1").value = ""; 3426 3427 document.getElementById("btn_stadsetning").style.background = "rgb(33, 99, 180)"; 3428 document.getElementById("btn_stadsetning").innerHTML = "Velja staðsetningu á korti (valfrjálst)"; 3429 document.getElementById('btn_stadsetning').disabled = false; 3430 document.getElementById('btn_stadsetning').style.cursor = "pointer" 3431 3432} 3433 3434function closeForm() { 3435 // map.un('singleclick',callback); 3436 // document.getElementById("modal_athugasemd").style.display = "none"; 3437 document.getElementById("myForm").style.display = "none"; 3438 document.getElementById("modal_form").style.display = "none"; 3439 document.getElementById("btn_stadsetning").style.background = "rgb(33, 99, 180)"; 3440 document.getElementById('btn_stadsetning').innerHTML = "Velja staðsetningu á korti (valfrjálst)"; 3441 3442 map.removeLayer(drawlayer3); 3443 drawlayer3.getSource().clear(); 3444 // drawlayer3.setSource(drawsource3); 3445 map.removeInteraction(drawPoint); 3446 3447 document.getElementById("form_pkt").value = ""; 3448 3449} 3450 3451 3452 3453 3454 3455 3456//popups fra ol 3457// var container = document.getElementById('popup'); 3458// var content = document.getElementById("popup-content"); 3459// var closer = document.getElementById("popup-closer"); 3460 3461 3462var popup_gluggar = document.getElementById('popup_gluggar'); 3463 3464var gluggi = document.getElementById('gluggi'); 3465var gluggamal = document.getElementById("gluggamal"); 3466var gluggalok = document.getElementById("gluggalok"); 3467 3468var gluggi2 = document.getElementById('gluggi2'); 3469var gluggamal2 = document.getElementById("gluggamal2"); 3470var gluggalok2 = document.getElementById("gluggalok2"); 3471 3472 3473// //create overlay
3474// var overlay = new ol.Overlay({ 3475// element: container, 3476// autoPan: true, 3477// autoPanAnimation: {duration: 250}, 3478// // position: map.getView().getCenter(), 3479// // positioning: 'center-center' 3480// }); 3481 3482// closer.onclick = function(){ 3483// overlay.setPosition(undefined); 3484// closer.blur(); 3485// return false; 3486// }; 3487 3488gluggalok.onclick = function(){ 3489 popup_gluggar.style.display = "none"; 3490} 3491 3492gluggalok2.onclick = function(){ 3493 popup_gluggar.style.display = "none"; 3494} 3495 3496// map.addOverlay(overlay); 3497 3498 3499// function lodamork_info(){ 3500 3501// // var content2 = '<p style="color:blue;font-size:26px;">Mynd tekin þann '+dags+'</p>'; 3502// var content2 = '<p><span style="font-weight:600">Lóðamörk</span><br><br>Gögn frá Ãjóðskrá, <a href="https://www.skra.is/gogn/grunngogn-til-nidurhals/landeignaskra/" target="blank_">Landeignaskrá</a> og <a href="https://www.skra.is/gogn/grunngogn-til-nidurhals/nytjaland-2006/" target="blank_">Nytjalandsþekja.</a></p>'; 3503 3504 3505 3506 3507// // content2 += '<p></p>'; 3508// // content2 += '<img src='+mynd2+' alt="hér átti að vera mynd" width="100%">'; 3509// // // popup.show(coord,content); 3510// popup_gluggar.style.display = "block"; 3511// gluggi.style.display = "block"; 3512// gluggamal.innerHTML = content2; 3513// } 3514 3515function ferdatj_info(){ 3516 3517 // var content2 = '<p style="color:blue;font-size:26px;">Mynd tekin þann '+dags+'</p>'; 3518 var content2 = '<p><span style="font-weight:600">Ferðaþjónusta</span><br><br>Ãekktir viðkomustaðir samkvæmt <a href="https://www.ferdamalastofa.is/is/tolur-og-utgafur/landupplysingar-kortagogn/ahugaverdir-vidkomustadir" target="blank_">Ferðamálastofu</a></p>'; 3519 3520 3521 3522 3523 // content2 += '<p></p>'; 3524 // content2 += '<img src='+mynd2+' alt="hér átti að vera mynd" width="100%">'; 3525 // // popup.show(coord,content); 3526 popup_gluggar.style.display = "block"; 3527 gluggi.style.display = "block"; 3528 gluggamal.innerHTML = content2; 3529} 3530 3531function nm_skra_info(){ 3532 3533 // var content2 = '<p style="color:blue;font-size:26px;">Mynd tekin þann '+dags+'</p>'; 3534 var content2 = '<p><span style="font-weight:600">Verndarsvæði</span><br><br> <a href="https://www.mulathing.is/is/mannlif/kort-vegvisar-og-myndir/natturumaeraskra-fljotdalsherads" target="blank_">Náttúrmæraskrá Helga HallgrÃmssonar</a></p>'; 3535 3536 3537 3538 3539 // content2 += '<p></p>'; 3540 // content2 += '<img src='+mynd2+' alt="hér átti að vera mynd" width="100%">'; 3541 // // popup.show(coord,content); 3542 popup_gluggar.style.display = "block"; 3543 gluggi.style.display = "block"; 3544 gluggamal.innerHTML = content2; 3545} 3546 3547map.on('click', function(){ 3548 popup_gluggar.style.display = "none"; 3549}) 3550 3551 3552 3553// var popup = new ol.Overlay.Popup ( 3554// { popupClass: "default", //"tooltips", "warning" "black" "default", "tips", "shadow", 3555// // closeBox: true, 3556// // onshow: function(){ console.log("You opened the box"); }, 3557// // onclose: function(){ console.log("You close the box"); }, 3558// // positioning: 'auto', 3559// // autoPan: true, 3560// autoPanAnimation: { duration: 250 } 3561// }); 3562 3563 3564 3565// map.addOverlay(popup); 3566//popups fra ol 3567var container = document.getElementById('popup_ol'); 3568var content = document.getElementById("popup-content"); 3569var closer = document.getElementById("popup-closer_ol"); 3570 3571var content2 = document.getElementById("popup-content2"); 3572var content3 = document.getElementById("popup-content3"); 3573var content4 = document.getElementById("popup-content4"); 3574var content5 = document.getElementById("popup-content5"); 3575var content6 = document.getElementById("popup-content6"); 3576var content7 = document.getElementById("popup-content7"); 3577 3578 3579 3580//create overlay 3581var overlay = new ol.Overlay({ 3582 element: container, 3583 autoPan: false, 3584 autoPanAnimation: {duration: 250}, 3585 // position: map.getView().getCenter(), 3586 // positioning: 'center-center' 3587}); 3588 3589 3590closer.onclick = function(){ 3591 overlay.setPosition(undefined); 3592 closer.blur(); 3593 return false; 3594}; 3595 3596 3597 3598 3599map.addOverlay(overlay); 3600 3601 3602 3603var select2 = new ol.interaction.Select({ 3604 source: fornleifar.getSource(), 3605 layers: [fornleifar], 3606 hitTolerance: 3, 3607 style: new ol.style.Style({ 3608 image: new ol.style.Circle({ 3609 radius: 4, 3610 fill: new ol.style.Fill({ 3611 color: [0, 100, 0, 1] 3612 }), 3613 stroke: new ol.style.Stroke({ 3614 color: [250, 250, 250, 1], 3615 width: 1.5, 3616 }) 3617 }), 3618 }) 3619}); 3620// map.addInteraction(select2); 3621 3622 3623 3624 3625var select3 = new ol.interaction.Select({ 3626 source: fornleifar.getSource(), 3627 layers: [natturuminjaksra], 3628 hitTolerance: 3, 3629 style: new ol.style.Style({ 3630 fill: new ol.style.FillPattern({ 3631 pattern: "hatch", 3632 size: 2, 3633 spaceing: 5, 3634 angle: 135,
3635 color: [255, 200, 0, 0.8], 3636 }), 3637 stroke: new ol.style.Stroke({ 3638 color: [255, 200, 0, 0.8], 3639 width: 1, 3640 }) 3641 }) 3642}); 3643// map.addInteraction(select3); 3644 3645var select4 = new ol.interaction.Select({ 3646 source: fornleifar.getSource(), 3647 layers: [nm_skra], 3648 hitTolerance: 3, 3649 style: nm_skra_style 3650}); 3651// map.addInteraction(select4); 3652 3653var select5 = new ol.interaction.Select({ 3654 source: fornleifar.getSource(), 3655 layers: [fridlyst_svaedi], 3656 hitTolerance: 3, 3657 style: new ol.style.Style({ 3658 fill: new ol.style.FillPattern({ 3659 pattern: "hatch", 3660 size: 2, 3661 spaceing: 5, 3662 angle: -135, 3663 color: [173, 7, 244, 0.8], 3664 }), 3665 stroke: new ol.style.Stroke({ 3666 color: [173, 7, 244, 0.8], 3667 width: 1, 3668 }) 3669 }) 3670}); 3671// map.addInteraction(select5); 3672 3673var select6 = new ol.interaction.Select({ 3674 source: fornleifar.getSource(), 3675 layers: [fuglar], 3676 hitTolerance: 3, 3677 style: new ol.style.Style({ 3678 fill: new ol.style.FillPattern({ 3679 pattern: "hatch", 3680 size: 2, 3681 spaceing: 5, 3682 angle: 135, 3683 color: [0, 255, 255, 0.8], 3684 }), 3685 stroke: new ol.style.Stroke({ 3686 color: [0, 255, 255, 0.8], 3687 width: 1, 3688 }) 3689 }) 3690}); 3691// map.addInteraction(select6); 3692 3693var select7 = new ol.interaction.Select({ 3694 source: fornleifar.getSource(), 3695 layers: [vidkomust], 3696 hitTolerance: 3, 3697 style: vidkomust_style 3698}); 3699 3700map.on('click', function(evt) { 3701 3702 var hreinsun1 = select2.getFeatures(); 3703 var hreinsun2 = select3.getFeatures(); 3704 var hreinsun3 = select4.getFeatures(); 3705 var hreinsun4 = select5.getFeatures(); 3706 var hreinsun5 = select6.getFeatures(); 3707 var hreinsun6 = select7.getFeatures(); 3708 3709 hreinsun1.clear(); 3710 hreinsun2.clear(); 3711 hreinsun3.clear(); 3712 hreinsun4.clear(); 3713 hreinsun5.clear(); 3714 hreinsun6.clear(); 3715 3716 map.addInteraction(select2); 3717 map.addInteraction(select3); 3718 map.addInteraction(select4); 3719 map.addInteraction(select5); 3720 map.addInteraction(select6); 3721 map.addInteraction(select7); 3722 3723 3724 select2.getFeatures().on(['add'], function(e) { 3725 // map.removeInteraction(select3); 3726 // map.removeInteraction(select4); 3727 // map.removeInteraction(select5); 3728 // map.removeInteraction(select6); 3729 var feature = e.element; 3730 var mynd = feature.get("Samtala"); 3731 var mynd2 = feature.get("hlutverk2"); 3732 var innihald = '<p class="popup_titill">Fornleifar</p>'; 3733 // content += '<img src="figures/26_1_c.jpg" alt="hér átti að vera mynd" width="100%">'; 3734 innihald += '<p>Númer: <span style="font-weight:200">'+mynd+'</span></p>' 3735 if (mynd2) { 3736 innihald += '<p>Hlutverk: <span style="font-weight:200">'+mynd2+'</span></p>' 3737 } 3738 // content += '<img src='+mynd+' alt="hér átti að vera mynd" width="100%">'; 3739 // content += '<p></p>'; 3740 // content += '<p>Hópur 2 (Reykholt)</p>' 3741 // content += '<img src='+mynd2+' alt="hér átti að vera mynd" width="100%">'; 3742 // popup.show(feature.getGeometry().getFirstCoordinate(),content); 3743 content2.style.display = "block" 3744 content2.innerHTML = innihald; 3745 overlay.setPosition(evt.coordinate); 3746 3747 }); 3748 select2.getFeatures().on(['remove'], function(e) { 3749 content2.style.display = "none" 3750 }) 3751 3752 3753 select3.getFeatures().on(['add'], function(e) { 3754 // map.removeInteraction(select2); 3755 // map.removeInteraction(select4); 3756 // map.removeInteraction(select5); 3757 // map.removeInteraction(select6); 3758 var feature = e.element; 3759 var mynd = feature.get("NAFN"); 3760 var innihald = '<p class="popup_titill">Svæði á náttúrminjaskrá</p>'; 3761 // content += '<img src="figures/26_1_c.jpg" alt="hér átti að vera mynd" width="100%">'; 3762 innihald += '<p>Heiti: <span style="font-weight:200">'+mynd+'</span></p>' 3763 3764 // content += '<img src='+mynd+' alt="hér átti að vera mynd" width="100%">'; 3765 // content += '<p></p>'; 3766 // content += '<p>Hópur 2 (Reykholt)</p>' 3767 // content += '<img src='+mynd2+' alt="hér átti að vera mynd" width="100%">'; 3768 content3.style.display = "block" 3769 content3.innerHTML = innihald; 3770 overlay.setPosition(evt.coordinate); 3771 });
3772 select3.getFeatures().on(['remove'], function(e) { 3773 content3.style.display = "none" 3774 }) 3775 3776 select4.getFeatures().on(['add'], function(e) { 3777 // map.removeInteraction(select2); 3778 // map.removeInteraction(select3); 3779 // map.removeInteraction(select5); 3780 // map.removeInteraction(select6); 3781 var feature = e.element; 3782 var mynd = feature.get("nafn"); 3783 var mynd2 = feature.get("stjornur"); 3784 var innihald = '<p class="popup_titill">Náttúrumæraskrá</p>'; 3785 // content += '<img src="figures/26_1_c.jpg" alt="hér átti að vera mynd" width="100%">'; 3786 innihald += '<p>Heiti: <span style="font-weight:200">'+mynd+'</span></p>' 3787 3788 if (mynd2 == 1) { 3789 innihald += '<p>Vernd: <span style="font-weight:200">'+"Lægra verndargildi"+'</span></p>' 3790 } else if (mynd2 == 2) { 3791 innihald += '<p>Vernd: <span style="font-weight:200">'+"Miðlungs verndargildi"+'</span></p>' 3792 } else if (mynd2 == 3) { 3793 innihald += '<p>Vernd: <span style="font-weight:200">'+"Hæst verndargildi"+'</span></p>' 3794 } else { 3795 innihald += '<p>Vernd: <span style="font-weight:200">'+"Ãtilgreint verndargildi"+'</span></p>' 3796 } 3797 3798 3799 // content += '<img src='+mynd+' alt="hér átti að vera mynd" width="100%">'; 3800 // content += '<p></p>'; 3801 // content += '<p>Hópur 2 (Reykholt)</p>' 3802 // content += '<img src='+mynd2+' alt="hér átti að vera mynd" width="100%">'; 3803 content4.style.display = "block" 3804 content4.innerHTML = innihald; 3805 overlay.setPosition(evt.coordinate); 3806 }); 3807 select4.getFeatures().on(['remove'], function(e) { 3808 content4.style.display = "none" 3809 }) 3810 3811 3812 select5.getFeatures().on(['add'], function(e) { 3813 // map.removeInteraction(select2); 3814 // map.removeInteraction(select3); 3815 // map.removeInteraction(select4); 3816 // map.removeInteraction(select6); 3817 var feature = e.element; 3818 var mynd = feature.get("site_name"); 3819 var innihald = '<p class="popup_titill">Friðlýst svæði</p>'; 3820 // content += '<img src="figures/26_1_c.jpg" alt="hér átti að vera mynd" width="100%">'; 3821 innihald += '<p>Heiti: <span style="font-weight:200">'+mynd+'</span></p>' 3822 3823 // content += '<img src='+mynd+' alt="hér átti að vera mynd" width="100%">'; 3824 // content += '<p></p>'; 3825 // content += '<p>Hópur 2 (Reykholt)</p>' 3826 // content += '<img src='+mynd2+' alt="hér átti að vera mynd" width="100%">'; 3827 content5.style.display = "block" 3828 content5.innerHTML = innihald; 3829 overlay.setPosition(evt.coordinate); 3830 }); 3831 select5.getFeatures().on(['remove'], function(e) { 3832 content5.style.display = "none" 3833 }) 3834 3835 select6.getFeatures().on(['add'], function(e) { 3836 // map.removeInteraction(select2); 3837 // map.removeInteraction(select3); 3838 // map.removeInteraction(select4); 3839 // map.removeInteraction(select5); 3840 var feature = e.element; 3841 var mynd = feature.get("nafnFitju"); 3842 var innihald = '<p class="popup_titill">Mikilvæg fuglasvæði</p>'; 3843 // content += '<img src="figures/26_1_c.jpg" alt="hér átti að vera mynd" width="100%">'; 3844 innihald += '<p>Heiti: <span style="font-weight:200">'+mynd+'</span></p>' 3845 3846 // content += '<img src='+mynd+' alt="hér átti að vera mynd" width="100%">'; 3847 // content += '<p></p>'; 3848 // content += '<p>Hópur 2 (Reykholt)</p>' 3849 // content += '<img src='+mynd2+' alt="hér átti að vera mynd" width="100%">'; 3850 content6.style.display = "block" 3851 content6.innerHTML = innihald; 3852 overlay.setPosition(evt.coordinate); 3853 }); 3854 select6.getFeatures().on(['remove'], function(e) { 3855 content6.style.display = "none" 3856 }) 3857 3858 3859 select7.getFeatures().on(['add'], function(e) { 3860 var feature = e.element; 3861 var mynd = feature.get("heiti"); 3862 var innihald = '<p class="popup_titill">Ãekktir viðkomustaðir</p>'; 3863 // content += '<img src="figures/26_1_c.jpg" alt="hér átti að vera mynd" width="100%">'; 3864 innihald += '<p>Heiti: <span style="font-weight:200">'+mynd+'</span></p>'; 3865 3866 content7.style.display = "block"; 3867 content7.innerHTML = innihald; 3868 overlay.setPosition(evt.coordinate); 3869 });
3870 select7.getFeatures().on(['remove'], function(e) { 3871 content7.style.display = "none" 3872 }) 3873 3874 overlay.setPosition(undefined); 3875 3876}) 3877 3878 3879 3880 3881 3882 3883 3884 3885 3886var geolocation = new ol.Geolocation({ 3887// enableHighAccuracy must be set to true to have the heading value. 3888trackingOptions: { 3889 enableHighAccuracy: true, 3890}, 3891projection: map.getView().getProjection(), 3892}); 3893 3894function el(id) { 3895return document.getElementById(id); 3896} 3897 3898el('track').addEventListener('click', function () { 3899 3900 3901 if (document.getElementById("track").innerHTML !== "X"){ 3902 console.log("test"); 3903 map.addLayer(layer); 3904 geolocation.setTracking(true); 3905 } else { 3906 console.log("off"); 3907 map.removeLayer(layer); 3908 geolocation.setTracking(false); 3909 } 3910 3911 3912 if (document.getElementById("track").innerHTML !== "X"){ 3913 document.getElementById("track").innerHTML = "X"; 3914 document.getElementById("track").style.backgroundColor = "rgba(200,0,0,0.8)"; 3915 document.getElementById("track").style.color = "white"; 3916 document.getElementById("track").style.borderColor = "white"; 3917 document.getElementById("track").style.fontWeight = "bold"; 3918 document.getElementById('track').style.cursor = "pointer"; 3919 3920 } else { 3921 document.getElementById("track").innerHTML = '<img src="img/location.svg" alt="" width="100%" >'; 3922 document.getElementById("track").style.backgroundColor = "rgb(254, 221, 0)"; 3923 document.getElementById("track").style.borderColor = "black"; 3924 3925 } 3926}); 3927 3928// update the HTML page when the position changes. 3929// geolocation.on('change', function () { 3930// el('accuracy').innerText = geolocation.getAccuracy() + ' [m]'; 3931// el('altitude').innerText = geolocation.getAltitude() + ' [m]'; 3932// el('altitudeAccuracy').innerText = geolocation.getAltitudeAccuracy() + ' [m]'; 3933// el('heading').innerText = geolocation.getHeading() + ' [rad]'; 3934// el('speed').innerText = geolocation.getSpeed() + ' [m/s]'; 3935// }); 3936 3937// // handle geolocation error. 3938// geolocation.on('error', function (error) { 3939// var info = document.getElementById('info'); 3940// info.innerHTML = error.message; 3941// info.style.display = ''; 3942// }); 3943 3944// var accuracyFeature = new ol.Feature(); 3945// geolocation.on('change:accuracyGeometry', function () { 3946// accuracyFeature.setGeometry(geolocation.getAccuracyGeometry()); 3947// // console.log(geolocation.getAccuracyGeometry()) 3948 3949// }); 3950 3951var positionFeature = new ol.Feature(); 3952positionFeature.setStyle( 3953new ol.style.Style({ 3954 image: new ol.style.Circle({ 3955 radius: 6, 3956 fill: new ol.style.Fill({ 3957 color: '#3399CC', 3958 }), 3959 stroke: new ol.style.Stroke({ 3960 color: '#fff', 3961 width: 2, 3962 }), 3963 }), 3964}) 3965); 3966 3967 3968var layer = new ol.layer.Vector({ 3969 source: new ol.source.Vector({ 3970 // features: [ 3971 // // new ol.Feature({ 3972 // // geometry: new ol.geom.Point(coordinates) 3973 // // }) 3974 // ] 3975 }), 3976 style: new ol.style.Style({ 3977 image: new ol.style.Circle({ 3978 radius: 6, 3979 fill: new ol.style.Fill({ 3980 color: '#3399CC', 3981 }), 3982 stroke: new ol.style.Stroke({ 3983 color: '#fff', 3984 width: 2, 3985 }), 3986 }), 3987 }) 3988}); 3989 3990geolocation.on('change:position', function () { 3991 var coordinates = geolocation.getPosition(); 3992 // positionFeature.setGeometry(coordinates ? new ol.geom.Point(coordinates) : null); 3993 // console.log(coordinates) 3994 3995 layer.getSource().clear() 3996 3997 var featurething = new ol.Feature({ 3998 geometry: new ol.geom.Point(coordinates) 3999 }); 4000 4001 layer.getSource().addFeature(featurething) 4002 4003}); 4004 4005 4006// new ol.source.Vector({ 4007// map: map, 4008// source: new ol.layer.Vector({ 4009// features: [accuracyFeature, positionFeature], 4010// }), 4011// zIndex:10 4012// }); 4013 4014 4015 4016 4017 4018 4019
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.