{"id":130,"date":"2008-11-05T20:58:29","date_gmt":"2008-11-05T19:58:29","guid":{"rendered":"http:\/\/www.hinnerup.net\/?p=130"},"modified":"2009-09-30T21:51:58","modified_gmt":"2009-09-30T20:51:58","slug":"google-maps-api-multiple-editable-overlays","status":"publish","type":"post","link":"https:\/\/www.hinnerup.net\/en\/permanent\/2008\/11\/05\/google-maps-api-multiple-editable-overlays\/","title":{"rendered":"Multiple redigerbare overlays til Google Maps API"},"content":{"rendered":"<p>Jeg har dags dato lagt sidste h\u00e5nd p\u00e5 et lidt sp\u00e6ndende proof-of-concept eksperiment. Vi skal til en opgave kunne vise valgfrie polygoner over et zoombart verdenskort. Disse opsatte og redigerbare kort-koordinat polygoner (l\u00e6ngde og breddegrader) skal derefter nemt kunne anvendes som s\u00f8gekriterier i en MS SQL database indeholdende en datatabel med blandt andet en GPS koordinat kolonne.<\/p>\n<p>Google Maps virkede som et fornuftigt udgangspunkt hertil, s\u00e5 der gik jeg igang.<\/p>\n<p>Den indledende \u00f8velse, du kan se resultatet af herunder, gik p\u00e5 at lave en minimalistisk webside hvor en bruger nemt kan ops\u00e6tte en eller flere regioner og her skal v\u00e6re istand til at redigere og slette disse. Polygonerne skal slutteligt kunne &#8220;overs\u00e6ttes&#8221; til en r\u00e6kke kort-koordinater til den videre database behandling (der ligger udenfor proof-of-concept eksemplets omfang).<\/p>\n<div style=\"text-align:center\">\n<a href=\"http:\/\/www.hinnerup.net:10080\/2008\/10\/gmaps\/index.html\"><img loading=\"lazy\" decoding=\"async\" width=\"450\" height=\"321\" src=\"\/wp-content\/uploads\/2008\/11\/gmaps_multi_overlay_js.png\" alt=\"Multiple redigerbare overlays til Google Maps...\" title=\"gmaps_multi_overlay_js\" class=\"wp-image-131\" style=\"border:none\" srcset=\"https:\/\/www.hinnerup.net\/wp-content\/uploads\/2008\/11\/gmaps_multi_overlay_js.png 450w, https:\/\/www.hinnerup.net\/wp-content\/uploads\/2008\/11\/gmaps_multi_overlay_js-300x214.png 300w\" sizes=\"auto, (max-width: 450px) 100vw, 450px\" \/><\/a><\/div>\n<p>Pr\u00f8v selv dette eksempel med <a href=\"http:\/\/www.hinnerup.net:10080\/2008\/10\/gmaps\/index.html\">multiple editerbare overlays<\/a>.<\/p>\n<p>Hvert polygon brugeren definerer i ovenst\u00e5ende eksempel kan udtr\u00e6kkes p\u00e5 JSON form, indeholdende alle koordinater som l\u00e6ngde- og breddegrader, som for eksempel:<\/p>\n<pre>\r\n{\r\n  'points': [\r\n    { 'lat': 55.70685277146149, 'lng': 12.535314559936523 },\r\n    { 'lat': 55.70685277146149, 'lng': 12.538447380065918 },\r\n    { 'lat': 55.70571631025774, 'lng': 12.540678977966308 },\r\n    { 'lat': 55.705184338337496, 'lng': 12.538447380065918 },\r\n    { 'lat': 55.70426546069018, 'lng': 12.53763198852539 },\r\n    { 'lat': 55.705184338337496, 'lng': 12.535314559936523 },\r\n    { 'lat': 55.70685277146149, 'lng': 12.535314559936523 }\r\n]};<\/pre>\n<p>Disse koordinat data kan nu anvendes server-side som s\u00f8gekriterier i MS SQL 2005, for eksempel ved brug af <a href=\"http:\/\/www.codeplex.com\/MsSqlSpatial\">MsSqlSpatial<\/a> udvidelsen. Eksempler p\u00e5 MS SQL GIS data inds\u00e6ttelse og foresp\u00f8rgsler findes p\u00e5 <a href=\"http:\/\/www.codeplex.com\/MsSqlSpatial\/Wiki\/View.aspx?title=How%20to%20load%20data%20from%20non-spatial%20sources&#038;referringTitle=Tutorials\">MsSqlSpatial<\/a> siden. MS SQL 2008 har indbygget underst\u00f8ttelse af GIS datatyper og s\u00f8gning heri &#8211; <a href=\"http:\/\/www.microsoft.com\/sqlserver\/2008\/en\/us\/spatial-data.aspx\">Geometry (planar) og Geography (geodetic)<\/a>.<\/p>","protected":false},"excerpt":{"rendered":"<p>Jeg har dags dato lagt sidste h\u00e5nd p\u00e5 et lidt sp\u00e6ndende proof-of-concept eksperiment. Vi skal til en opgave kunne vise valgfrie polygoner over et zoombart verdenskort. Disse opsatte og redigerbare kort-koordinat polygoner (l\u00e6ngde og breddegrader) skal derefter nemt kunne anvendes som s\u00f8gekriterier i en MS SQL database indeholdende en datatabel med blandt andet en GPS [&hellip;]<\/p>\n","protected":false},"author":3,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[8,4],"tags":[38,37,33,32,119,121],"class_list":["post-130","post","type-post","status-publish","format-standard","hentry","category-javascript","category-programming","tag-database","tag-gis","tag-google-maps","tag-gps","tag-javascript","tag-json"],"_links":{"self":[{"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/posts\/130","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/comments?post=130"}],"version-history":[{"count":21,"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/posts\/130\/revisions"}],"predecessor-version":[{"id":560,"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/posts\/130\/revisions\/560"}],"wp:attachment":[{"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/media?parent=130"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/categories?post=130"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.hinnerup.net\/en\/wp-json\/wp\/v2\/tags?post=130"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}