API tools faq
paste
Advertisement
Guest User

gmaps.js draw example

a guest
Jul 27th, 2017
86
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 12.52 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2. <html>
  3. <head>
  4.   <title></title>
  5.   <script src="http://maps.google.com/maps/api/js"></script>
  6.   <script src="gmaps.js"></script>
  7.   <script src="wicket.js"></script>
  8.   <style type="text/css">
  9.     html{
  10.       min-height: 100%; /* make sure it is at least as tall as the viewport */
  11.       position:relative;
  12.     }
  13.     body{
  14.       height:100%; /* force the BODY element to match the height of the HTML element */
  15.     }
  16.     #map{
  17.       position:absolute;
  18.       top:0;
  19.       bottom:0;
  20.       left:0;
  21.       right:0;
  22.     }
  23.   </style>
  24. </head>
  25. <body>
  26.   <div id="map"></div>
  27.   <script>
  28.     var map = new GMaps({
  29.       el: '#map',
  30.       lat: 39.08166,
  31.       lng: -77.15124
  32.     });
  33.  
  34.     // Create a new Wicket instance
  35.     var wkt = new Wkt.Wkt();
  36.     // Read in any kind of WKT string
  37.     wkt.read("POLYGON ((-77.13122 39.05317, -77.13068 39.05588, -77.12955 39.05582, -77.12614 39.05544, -77.12619 39.05599, -77.12625 39.05668, -77.12626 39.05681, -77.12628 39.05717, -77.12629 39.05736, -77.12633 39.05782, -77.12634 39.05799, -77.12469 39.05806, -77.12224 39.05825, -77.12126 39.05832, -77.12105 39.05832, -77.12084 39.05831, -77.11844 39.05814, -77.11814 39.05813, -77.11796 39.05812, -77.1177 39.05809, -77.11631 39.05796, -77.11537 39.05788, -77.11728 39.05951, -77.12077 39.06252, -77.12035 39.06279, -77.11989 39.06294, -77.11876 39.06363, -77.11832 39.06392, -77.11764 39.06439, -77.11545 39.06543, -77.11562 39.06559, -77.11494 39.06594, -77.11481 39.06619, -77.11473 39.06635, -77.11458 39.06663, -77.1145 39.06681, -77.11435 39.06709, -77.11426 39.0673, -77.11422 39.06749, -77.1142 39.06771, -77.11417 39.06798, -77.11408 39.06901, -77.11407 39.06911, -77.11403 39.06957, -77.11397 39.07019, -77.11392 39.07052, -77.11387 39.07074, -77.11375 39.07111, -77.11363 39.07134, -77.11352 39.07156, -77.11338 39.07176, -77.11357 39.07193, -77.11385 39.07343, -77.11377 39.07425, -77.11373 39.07434, -77.11334 39.07417, -77.1133 39.07415, -77.11308 39.07405, -77.11291 39.07397, -77.11276 39.0739, -77.11244 39.07374, -77.11223 39.07364, -77.11188 39.07346, -77.11109 39.07303, -77.11104 39.07329, -77.11081 39.07564, -77.10861 39.07568, -77.10825 39.07578, -77.10779 39.07642, -77.10925 39.08006, -77.11115 39.08168, -77.10928 39.08269, -77.11142 39.08443, -77.11322 39.08685, -77.11375 39.08751, -77.11432 39.08795, -77.11525 39.08856, -77.11529 39.08846, -77.11533 39.08836, -77.11541 39.08827, -77.11549 39.08817, -77.11572 39.0879, -77.11575 39.08785, -77.11586 39.08768, -77.11596 39.08751, -77.11619 39.08712, -77.1163 39.08695, -77.11634 39.08688, -77.11649 39.0867, -77.11661 39.08656, -77.11798 39.08824, -77.11832 39.08865, -77.11771 39.08917, -77.11845 39.09009, -77.1192 39.08949, -77.1196 39.08983, -77.11945 39.09369, -77.11945 39.09391, -77.11945 39.09421, -77.12065 39.09395, -77.12109 39.09513, -77.12138 39.09592, -77.12218 39.09727, -77.12253 39.09776, -77.12256 39.09781, -77.12291 39.09795, -77.12234 39.0992, -77.12375 39.09824, -77.12469 39.09872, -77.12521 39.09883, -77.12706 39.09943, -77.12767 39.10162, -77.1284 39.10426, -77.13005 39.10489, -77.13058 39.1051, -77.13173 39.10391, -77.133 39.1045, -77.13359 39.10432, -77.13383 39.10421, -77.13481 39.10359, -77.13459 39.10325, -77.13357 39.1029, -77.13328 39.10261, -77.13245 39.10237, -77.13141 39.10222, -77.13147 39.1008, -77.13181 39.10077, -77.13205 39.10004, -77.13277 39.10011, -77.13337 39.09954, -77.13351 39.0992, -77.13362 39.09871, -77.13356 39.09842, -77.13385 39.09743, -77.13521 39.09741, -77.13594 39.09882, -77.13605 39.09836, -77.13618 39.09798, -77.13642 39.09771, -77.1365 39.09761, -77.13696 39.09714, -77.13707 39.09724, -77.13777 39.09804, -77.13841 39.09776, -77.13766 39.09684, -77.13796 39.09665, -77.13929 39.09583, -77.13989 39.09718, -77.1402 39.09731, -77.14117 39.09842, -77.14162 39.09854, -77.14201 39.09888, -77.14264 39.09869, -77.14218 39.09821, -77.14102 39.09653, -77.14137 39.09627, -77.14068 39.09497, -77.14093 39.09483, -77.14113 39.09469, -77.14122 39.0946, -77.14128 39.09451, -77.14127 39.09442, -77.14122 39.09418, -77.14122 39.09407, -77.14125 39.09398, -77.1411 39.09377, -77.14206 39.0936, -77.14264 39.09346, -77.14362 39.09319, -77.14272 39.0966, -77.14278 39.09661, -77.1466 39.09693, -77.14757 39.09698, -77.14749 39.09745, -77.14763 39.09769, -77.15158 39.09705, -77.15253 39.09691, -77.15279 39.09756, -77.15189 39.09772, -77.15186 39.09808, -77.15112 39.09821, -77.15117 39.09787, -77.14758 39.09843, -77.14754 39.09906, -77.14753 39.09965, -77.14789 39.09976, -77.15022 39.09947, -77.15132 39.09923, -77.1514 39.09895, -77.15251 39.09882, -77.15257 39.09908, -77.15332 39.09895, -77.15338 39.09911, -77.15369 39.09964, -77.15397 39.1004, -77.1541 39.10037, -77.15449 39.10031, -77.15464 39.10026, -77.155 39.101, -77.1551 39.10125, -77.15547 39.10124, -77.15555 39.1015, -77.15525 39.10168, -77.15537 39.1019, -77.15758 39.10133, -77.15779 39.10165, -77.15817 39.10231, -77.15746 39.10266, -77.15699 39.10289, -77.15617 39.1033, -77.15599 39.1034, -77.15586 39.10347, -77.15666 39.10446, -77.157 39.1049, -77.15722 39.10517, -77.15757 39.10561, -77.15774 39.10583, -77.15796 39.10612, -77.15826 39.10649, -77.15836 39.10663, -77.15866 39.10704, -77.15891 39.10744, -77.15956 39.10865, -77.1596 39.10872, -77.16003 39.10954, -77.16014 39.10974, -77.16067 39.11062, -77.16125 39.11156, -77.16149 39.11196, -77.16174 39.11236, -77.16155 39.11247, -77.16148 39.11253, -77.16089 39.11319, -77.16046 39.11369, -77.16018 39.114, -77.16131 39.11552, -77.16257 39.11539, -77.16273 39.11532, -77.16269 39.11442, -77.16262 39.11396, -77.16264 39.1138, -77.16269 39.11369, -77.16278 39.11364, -77.16294 39.11361, -77.16352 39.11405, -77.16403 39.1144, -77.16415 39.11448, -77.16445 39.11468, -77.16472 39.11484, -77.16503 39.11503, -77.16538 39.11524, -77.16543 39.11527, -77.16613 39.11569, -77.16671 39.11602, -77.16738 39.1164, -77.1689 39.1173, -77.16756 39.1186, -77.16873 39.11919, -77.16981 39.11813, -77.17004 39.11795, -77.17011 39.11799, -77.17054 39.11826, -77.17088 39.11847, -77.17121 39.1187, -77.17176 39.11913, -77.17184 39.11919, -77.17236 39.11956, -77.17282 39.11982, -77.17365 39.12027, -77.17412 39.1205, -77.17423 39.12037, -77.17563 39.11878, -77.17757 39.11992, -77.17846 39.1191, -77.17902 39.11927, -77.17958 39.11951, -77.17961 39.11961, -77.17985 39.11971, -77.1805 39.12004, -77.18071 39.12017, -77.18084 39.12028, -77.18137 39.12004, -77.18171 39.11986, -77.18204 39.1196, -77.18243 39.11926, -77.18261 39.11904, -77.18281 39.11876, -77.18307 39.11835, -77.18338 39.11792, -77.18372 39.11744, -77.184 39.11702, -77.18425 39.11668, -77.18456 39.11627, -77.18512 39.11554, -77.18538 39.1152, -77.18547 39.11509, -77.18584 39.11464, -77.18605 39.11435, -77.18619 39.11413, -77.18622 39.11409, -77.18639 39.1138, -77.18651 39.11357, -77.18665 39.11329, -77.18681 39.11296, -77.18705 39.11239, -77.18725 39.1119, -77.18757 39.1111, -77.18766 39.11089, -77.18775 39.11064, -77.18782 39.11047, -77.1879 39.11025, -77.18805 39.10988, -77.18826 39.10948, -77.18837 39.10932, -77.18889 39.10857, -77.18917 39.10817, -77.18943 39.10776, -77.18959 39.10756, -77.18986 39.10712, -77.19007 39.10671, -77.19018 39.10645, -77.19021 39.10637, -77.19033 39.10597, -77.19035 39.10588, -77.19044 39.10547, -77.19053 39.10499, -77.19063 39.10442, -77.19066 39.10423, -77.1907 39.10399, -77.19076 39.10358, -77.19082 39.10337, -77.19091 39.103, -77.19106 39.10255, -77.19112 39.10241, -77.19119 39.10225, -77.19132 39.10201, -77.19144 39.1018, -77.19177 39.10128, -77.19199 39.10096, -77.1921 39.10075, -77.19222 39.10045, -77.19239 39.09978, -77.19251 39.09939, -77.19263 39.09913, -77.19294 39.09876, -77.19311 39.09859, -77.19321 39.0985, -77.19364 39.09813, -77.19372 39.09807, -77.19426 39.09762, -77.19462 39.09728, -77.19484 39.097, -77.19505 39.09671, -77.1952 39.09643, -77.19543 39.09588, -77.19575 39.09511, -77.19599 39.09455, -77.19615 39.09419, -77.1962 39.09409, -77.19634 39.09374, -77.19642 39.09356, -77.19646 39.09345, -77.19623 39.09337, -77.1944 39.09276, -77.19443 39.09262, -77.19447 39.09221, -77.19447 39.09193, -77.19445 39.09171, -77.1944 39.0913, -77.19433 39.09107, -77.19427 39.09086, -77.19421 39.09071, -77.19404 39.0904, -77.19422 39.09022, -77.19438 39.08997, -77.19465 39.08948, -77.1949 39.08906, -77.19499 39.08891, -77.19517 39.08862, -77.19537 39.08829, -77.19545 39.08816, -77.19596 39.08735, -77.19616 39.08701, -77.19623 39.0869, -77.19641 39.08658, -77.19687 39.08581, -77.19709 39.08544, -77.19732 39.08504, -77.19735 39.08505, -77.19801 39.08541, -77.19817 39.08513, -77.19829 39.08517, -77.19928 39.08392, -77.19827 39.08354, -77.19812 39.08347, -77.19987 39.08076, -77.19995 39.08063, -77.19923 39.08038, -77.19893 39.08009, -77.1987 39.07977, -77.19925 39.0795, -77.1989 39.07893, -77.19818 39.07921, -77.19728 39.07814, -77.19662 39.07747, -77.1962 39.07726, -77.19543 39.07709, -77.19524 39.07706, -77.19376 39.07716, -77.19348 39.07716, -77.19328 39.07607, -77.19258 39.0761, -77.19264 39.07713, -77.19246 39.07716, -77.19217 39.07716, -77.19191 39.07709, -77.19237 39.07646, -77.1915 39.07574, -77.19084 39.07637, -77.19069 39.07651, -77.19032 39.07742, -77.19112 39.07793, -77.19084 39.07825, -77.18991 39.07767, -77.19037 39.07649, -77.19006 39.07619, -77.18977 39.07648, -77.18825 39.07497, -77.18857 39.07472, -77.18823 39.0744, -77.1877 39.07431, -77.18755 39.07477, -77.18579 39.07451, -77.18577 39.07363, -77.18576 39.07359, -77.18509 39.07271, -77.1871 39.06969, -77.18658 39.06953, -77.18581 39.06932, -77.18274 39.0685, -77.18034 39.06779, -77.18057 39.06706, -77.17923 39.06551, -77.17896 39.06531, -77.17554 39.06447, -77.17538 39.06445, -77.17572 39.06396, -77.1764 39.06284, -77.17662 39.06187, -77.17705 39.06049, -77.17497 39.06014, -77.17351 39.05997, -77.1725 39.05981, -77.17154 39.05968, -77.16963 39.0589, -77.16812 39.05846, -77.16768 39.0587, -77.16724 39.05835, -77.16661 39.05853, -77.16609 39.05859, -77.16556 39.05844, -77.16513 39.05826, -77.16455 39.05873, -77.16176 39.05901, -77.16156 39.06013, -77.16145 39.06039, -77.1611 39.06146, -77.16091 39.06143, -77.1596 39.06127, -77.15912 39.06134, -77.15902 39.0614, -77.15799 39.06114, -77.15786 39.06113, -77.15773 39.06113, -77.15746 39.06114, -77.15723 39.06167, -77.1572 39.06175, -77.15703 39.06215, -77.15662 39.06204, -77.15706 39.06369, -77.15688 39.06371, -77.15682 39.06346, -77.15662 39.06296, -77.1564 39.06239, -77.15609 39.06145, -77.15593 39.06126, -77.15567 39.06129, -77.15548 39.06148, -77.15538 39.06107, -77.15511 39.0601, -77.15496 39.05958, -77.1549 39.05935, -77.15462 39.05834, -77.15441 39.05762, -77.15413 39.05678, -77.15413 39.05719, -77.15406 39.05741, -77.15392 39.05757, -77.15373 39.05768, -77.15352 39.05774, -77.15329 39.05776, -77.15312 39.05772, -77.15298 39.05768, -77.15287 39.05762, -77.15267 39.05746, -77.1526 39.05735, -77.15256 39.05723, -77.15252 39.0569, -77.15252 39.05674, -77.15255 39.05661, -77.15261 39.05653, -77.15279 39.05638, -77.15298 39.05631, -77.15321 39.05628, -77.15379 39.05626, -77.15315 39.05615, -77.15212 39.056, -77.15083 39.05581, -77.15036 39.05574, -77.14941 39.05559, -77.1489 39.05544, -77.14833 39.05533, -77.14768 39.05522, -77.14716 39.05513, -77.14684 39.05507, -77.14658 39.05501, -77.14634 39.05494, -77.14606 39.05485, -77.14553 39.05467, -77.145 39.05451, -77.14471 39.05444, -77.14434 39.05438, -77.14394 39.05434, -77.14363 39.05433, -77.14316 39.05433, -77.14203 39.05434, -77.14149 39.05435, -77.14101 39.05436, -77.14047 39.05435, -77.14 39.05431, -77.13941 39.05423, -77.13872 39.05409, -77.13811 39.05394, -77.13805 39.05405, -77.13783 39.05399, -77.13734 39.05385, -77.13722 39.05388, -77.13535 39.05363, -77.13517 39.0536, -77.13466 39.05356, -77.13425 39.05351, -77.13406 39.05349, -77.13325 39.0534, -77.13305 39.05338, -77.13261 39.05333, -77.13202 39.05327, -77.13178 39.05324, -77.13122 39.05317), (-77.18411 39.08858, -77.18483 39.08871, -77.18494 39.09064, -77.18497 39.09074, -77.18499 39.09099, -77.18504 39.09123, -77.18455 39.09164, -77.18453 39.09149, -77.18442 39.09156, -77.18414 39.09179, -77.18384 39.09206, -77.18349 39.0924, -77.18333 39.09229, -77.18293 39.09245, -77.18279 39.09249, -77.18251 39.09259, -77.18244 39.09263, -77.18224 39.09273, -77.18211 39.09265, -77.18168 39.09236, -77.18152 39.09225, -77.18131 39.0921, -77.18128 39.09208, -77.18093 39.09181, -77.18078 39.09169, -77.18036 39.09144, -77.18051 39.09136, -77.18126 39.09106, -77.18121 39.09003, -77.18236 39.08928, -77.18234 39.08858, -77.18281 39.08859, -77.18411 39.08858))");
  38.  
  39.     console.log(wkt.toJson().coordinates);
  40.    
  41.     map.drawPolygon({
  42.       paths: wkt.toJson().coordinates,
  43.       useGeoJSON: true,
  44.       strokeColor: '#131540',
  45.       strokeOpacity: 0.6,
  46.       strokeWeight: 6
  47.     });
  48.   </script>
  49. </body>
  50. </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!