Related
I've searched for the past 3 hours on the bokeh website and stack overflow but none of it is really what i was looking for.
I've generated my plots already, and have them in html files. All i want to do is embed the plots into my dashboard in a multi grid like formation in the white area in the pic below. However, adding just 2 plots cause them to overlay and be really weird.
I used the {{ include }} method to include the graphs this way:
Anyone can give me pointers on how to align them well? Ideally i want 6 small plots in that space. I didnt want to regenerate the plots everytime i loaded the dashboard so i didnt want the embed way.
Please help :( Thank you so much!
EDIT: following big's suggestion, using responsive = True works, but i am unable to control the css styling and the sizes of the charts. I suspect its to do with using the include tag. can anyone help? :)
Why you dont try to make it with the horizontal layout
horizontal-layout
Whith your way ( {% include %} ), i don't find a solution so probably sou must use the standart flask way. Python file:
#Your imports
from flask import Flask, render_template
from bokeh.embed import components
from bokeh.plotting import figure
#app.route('/')
def homepage():
title = 'home'
from bokeh.plotting import figure
#First Plot
p = figure(plot_width=400, plot_height=400, responsive = True)
p.circle([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=20, color="navy", alpha=0.5)
#Second Plot
p2 = figure(plot_width=400, plot_height=400,responsive = True)
p2.square([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=20, color="olive", alpha=0.5)
script, div = components(p)
script2, div2 = components(p)
return render_template('index.html', title = title, script = script,
div = div, script2 = script2, div2 = div2)
Your HTML file:
<!DOCTYPE html>
<html lang="en">
<head>
<link
href="http://cdn.bokeh.org/bokeh/release/bokeh-0.11.1.min.css"
rel="stylesheet" type="text/css">
<script src="http://cdn.bokeh.org/bokeh/release/bokeh-0.11.1.min.js"></script>
<meta charset="UTF-8">
<title>{{title}}</title>
</head>
<body>
<div style="width: 20%; display: inline-block;">
{{ div | safe }}
{{ script | safe }}
</div>
<div style="width: 20%; display: inline-block;">
{{ div2 | safe }}
{{ script2 | safe }}
</div>
</body>
</html>
And one other tip is to make a python file like my_plots.py
and add your plots there, and then import to you main.py it will make your code cleaner. (i dont know 100% if this will impact your speed, but i don't seen any isues until now ) For example.
my_plots.py:
from bokeh.plotting import figure
def first_plot():
p = figure(plot_width=400, plot_height=400, responsive = True)
p.circle([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=20, color="navy", alpha=0.5)
return p
def second_plot():
p2 = figure(plot_width=400, plot_height=400, responsive = True)
p2.square([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=20, color="olive", alpha=0.5)
return p2
main.py:
#app.route('/')
def homepage():
title = 'home'
#First Plot
from my_plots import first_plot
p = first_plot()
#Second Plot
from my_plots import second_plot
p2 = second_plot()
script, div = components(p)
script2, div2 = components(p)
return render_template('index.html', title = title, script = script,
div = div, script2 = script2, div2 = div2)
Hope i was helpful, Good Luck!
Updating Leo's answer as it is for the deprecated version of Bokeh.
Bokeh v3.0.1
Flask v2.2.2
Flask App
from flask import Flask, render_template
from bokeh.embed import components
from bokeh.plotting import figure
app = Flask(__name__)
#app.route('/')
def homepage():
title = 'home'
from bokeh.plotting import figure
### First Plot ###
p1 = figure(height = 400, sizing_mode = "stretch_width")
p1.circle([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=20, color="navy", alpha=0.5)
### Second Plot ###
p2 = figure(height = 400, sizing_mode = "stretch_width")
p2.square([1, 2, 3, 4, 5], [6, 7, 2, 4, 5], size=20, color="olive", alpha=0.5)
script1, div1 = components(p1)
script2, div2 = components(p2)
return render_template(
'index.html',
title = title,
script = script1,
div = div1,
script2 = script2,
div2 = div2
)
if __name__ == '__main__':
app.run(debug=True)
HTML Template
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<script src="https://cdnjs.cloudflare.com/ajax/libs/bokeh/3.0.1/bokeh.min.js"
integrity="sha512-p7EUyPmeDeOwHiu7fIZNboAcQLxei3sWtXoHoShWWiPNUSRng/Xs5JPcaFPRa4dKy9IuHjyIQuLE4caGCwuewA=="
crossorigin="anonymous" referrerpolicy="no-referrer"></script>
<title>Bokeh Charts</title>
</head>
<body>
<div style="width: 40%; display: inline-block;">
{{ div1 | safe }}
{{ script1 | safe }}
</div>
<div style="width: 40%; display: inline-block;">
{{ div2 | safe }}
{{ script2 | safe }}
</div>
</body>
</html>
How do I make my KML layer of straight lines into dotted lines? This is my layer:
var ctaLayer = new google.maps.KmlLayer({
url: 'dank.kml',
strokeColor: '#FF0000',
strokeWeight: 2,
path: 'M 0,-1 0,1',
strokeOpacity: 1,
scale: 4,
map: map
});
Trail
One option, use a third party parser like geoxml3 or geoxml-v3 to render the KML as native Google Maps JavaScript API v3 Polylines, then make those dashed.
code snippet:
var geoxml = null;
function initialize() {
var myLatlng = new google.maps.LatLng(39.397, -100.644);
var myOptions = {
zoom: 5,
center: myLatlng,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById('map_canvas'), myOptions);
geoXml = new geoXML3.parser({
map: map,
singleInfoWindow: true
});
geoXml.parseKmlString(kmlData);
// from google's dashed line example:
// https: //developers.google.com/maps/documentation/javascript/examples/overlay-symbol-dashed
// Define a symbol using SVG path notation, with an opacity of 1.
var lineSymbol = {
path: 'M 0,-1 0,1',
strokeOpacity: 1,
scale: 4
};
for (var i = 0; i < geoXml.docs[0].gpolylines.length; i++) {
geoXml.docs[0].gpolylines[i].setOptions({
strokeOpacity: 0,
icons: [{
icon: lineSymbol,
offset: '0',
repeat: '20px'
}]
});
}
}
google.maps.event.addDomListener(window, "load", initialize);
var kmlData = '<?xml version="1.0" encoding="UTF-8"?><kml xmlns="http://earth.google.com/kml/2.1"><Document><name>Omaha, Nebraska to Mount Rushmore</name><open>1</open><Snippet maxLines="2"><![CDATA[<font size=+1>Printable view</font>]]></Snippet><Style id="roadStyle"><LineStyle><color>7fcf0064</color><width>6</width></LineStyle></Style><Placemark><name>Route</name><description><![CDATA[Distance: 547 mi (about 7 hours 52 mins)<br/>Map data ©2007 NAVTEQ™]]></description><styleUrl>#roadStyle</styleUrl><MultiGeometry><LineString><coordinates>-96.69628,42.68582 -96.69654,42.68641 -96.69688,42.68749 -96.69705,42.68857 -96.69708,42.68906 -96.69712,42.70979 -96.69719,42.71041 -96.69740,42.71134 -96.69785,42.71254 -96.69848,42.71369 -96.69887,42.71425 -96.69977,42.7153 -96.70111,42.71649 -96.72705999999999,42.73575 -96.74582,42.74883 -96.74735,42.74995 -96.76486,42.76348 -96.76624,42.7645 -96.76729,42.76522 -96.77528,42.77033 -96.77679,42.7714 -96.7837,42.7769 -96.78427,42.77737 -96.78505,42.77811 -96.78600,42.77915 -96.78663,42.77996 -96.79435,42.79148 -96.79470,42.79203 -96.79525,42.7932 -96.79546,42.79381 -96.79573,42.79505 -96.7958,42.7963 -96.79576,42.82328 -96.79589,42.85911 -96.79495,42.89327 -96.79488,42.89766 -96.79471,42.96706 -96.79483,42.97333 -96.79553,43.00061 -96.79543,43.05393 -96.79546,43.05708 -96.79583,43.07426 -96.79592,43.07633 -96.79604,43.08367 -96.79602,43.10462 -96.7966,43.11992 -96.79658,43.14065 -96.79640,43.14383 -96.79555,43.15305 -96.79544,43.15497 -96.79542,43.15688 -96.79586999999999,43.22452 -96.79600,43.24047 -96.79605,43.24078 -96.79601,43.24331 -96.79613,43.28907 -96.79605,43.29824 -96.79607,43.30182 -96.79635,43.32273 -96.79617,43.38568 -96.79622,43.38837 -96.79618,43.40297 -96.7965,43.41933 -96.79645,43.42154 -96.79619,43.42715 -96.79607,43.4288 -96.79603,43.43188 -96.79613,43.43464 -96.79791,43.45126 -96.79793,43.4521 -96.79648,43.47383 -96.79639,43.48109 -96.79625,43.4822 -96.79599,43.48332 -96.7928,43.49197 -96.79240,43.49296 -96.79197,43.49384 -96.79053999999999,43.49616 -96.78164,43.50991 -96.78093,43.51127 -96.78058,43.51226 -96.78043,43.51303 -96.78029,43.51433 -96.78023,43.54767 -96.78028,43.55081 -96.78016,43.55314 -96.77999,43.55492 -96.7798,43.55622 -96.77888,43.56121 -96.77795999999999,43.56795 -96.77764,43.56895 -96.77721,43.56981 -96.77638,43.57093 -96.77240,43.57532 -96.77165,43.57625 -96.77135,43.57674 -96.77100,43.5775 -96.77073,43.57854 -96.77067,43.57949 -96.77107,43.59478 -96.77078,43.60441 -96.77001,43.6134 -96.77001,43.6134 -96.76971,43.61391 -96.76960,43.61401 -96.7693,43.61413 -96.76897,43.61415 -96.76865,43.61407 -96.76841,43.61392 -96.76827,43.6137 -96.76824,43.61358 -96.76829,43.61335 -96.76846,43.61315 -96.76872,43.61301 -96.76961,43.61284 -96.77612,43.61281 -96.77818,43.61275 -96.78139,43.6125 -96.78260,43.61236 -96.78501,43.61201 -96.78661,43.61172 -96.79571,43.6099 -96.79746,43.60958 -96.79966,43.60926 -96.80189,43.60902 -96.80500,43.60883 -96.80631,43.6088 -96.81359,43.60879 -96.81567,43.60874 -96.82249,43.60876 -96.87085999999999,43.60863 -96.87502,43.60869 -96.88551,43.6091 -96.88925999999999,43.6092 -96.89426,43.60922 -96.89683,43.60918 -96.94414,43.60912 -96.95027,43.60918 -96.9579,43.60909 -96.96852,43.60907 -96.97127999999999,43.60903 -96.98317,43.60904 -96.98553,43.60907 -97.02247,43.60902 -97.02383,43.60906 -97.02473999999999,43.60913 -97.02655,43.60936 -97.02876,43.60978 -97.03003,43.6101 -97.03086,43.61036 -97.03168,43.61064 -97.03327,43.61129 -97.0348,43.61204 -97.04145,43.61589 -97.04382,43.61722 -97.04796,43.61969 -97.08478,43.64108 -97.08625,43.64196 -97.0896,43.6441 -97.09180,43.64565 -97.09363,43.64703 -97.09399999999999,43.64736 -97.09622,43.649 -97.11543,43.66379 -97.11601,43.66418 -97.11693,43.66473 -97.11793,43.66523 -97.11968,43.66591 -97.12082,43.66623 -97.12199,43.66649 -97.12319,43.66668 -97.12442,43.66679 -97.12526,43.66682 -97.13142,43.66676 -97.15559,43.66672 -97.18002,43.66655 -97.18297,43.66656 -97.18371,43.66661 -97.18882,43.66651 -97.19992,43.66638 -97.22837,43.66616 -97.29685,43.66679 -97.30059,43.66679 -97.31328,43.66668 -97.31399999999999,43.66673 -97.31634,43.66668 -97.32425,43.66662 -97.37610,43.66629 -97.37916,43.6663 -97.38168,43.66637 -97.38827,43.66634 -97.39451,43.66648 -97.39785999999999,43.66647 -97.41479,43.66663 -97.41836,43.66671 -97.42258,43.66671 -97.43648,43.66684 -97.44157,43.66673 -97.49188,43.66459 -97.49526,43.66446 -97.49911,43.66437 -97.52625,43.66448 -97.53376,43.66457 -97.57914,43.66536 -97.65890,43.66572 -97.66012,43.66575 -97.66064,43.66572 -97.6722,43.66575 -97.70070,43.66584 -97.70575,43.66589 -97.72520,43.66593 -97.73232,43.66578 -97.74129,43.66549 -97.74277,43.66541 -97.74641,43.66534 -97.77213,43.66452 -97.77695,43.66447 -97.77932,43.66452 -97.78083,43.6646 -97.78138,43.66458 -97.81137,43.66599 -97.81393,43.66626 -97.81578,43.66657 -97.81729,43.66689 -97.81918,43.66739 -97.82143,43.66813 -97.82283,43.66867 -97.83214,43.67242 -97.83517999999999,43.67359 -97.84516,43.67764 -97.84848,43.67907 -97.85076,43.68015 -97.85366999999999,43.68163 -97.85584,43.68282 -97.86972,43.69075 -97.87129,43.69157 -97.8733,43.69246 -97.87537,43.69321 -97.87643,43.69354 -97.87751,43.69384 -97.87935,43.69428 -97.88160,43.69468 -97.88431,43.69498 -97.88585999999999,43.69507 -97.88777,43.69511 -97.94132,43.69508 -97.94243,43.69511 -97.94731,43.69504 -97.95207,43.69489 -97.97170,43.69324 -97.97386,43.69308 -97.97646,43.69295 -98.00010,43.69233 -98.00842,43.69217 -98.00879,43.69209 -98.01572,43.69192 -98.04715,43.69166 -98.04994,43.69175 -98.05448,43.69209 -98.05845,43.69259 -98.06337,43.6933 -98.06548,43.69354 -98.06761,43.69373 -98.07142,43.69394 -98.07456,43.69402 -98.07655,43.69402 -98.07992,43.69415 -98.08450,43.69426 -98.09157,43.69434 -98.12354,43.69449 -98.12682,43.69456 -98.12976999999999,43.69468 -98.13866,43.69515 -98.14109,43.69533 -98.14159,43.69529 -98.14418,43.69542 -98.14855,43.69552 -98.15116999999999,43.69551 -98.15188,43.69554 -98.16913,43.69547 -98.17447,43.69541 -98.18735,43.69541 -98.20276,43.69556 -98.20729,43.69557 -98.22077,43.69543 -98.23935,43.69547 -98.24017,43.6955 -98.2712,43.69552 -98.27633,43.69564 -98.27931,43.69576 -98.28264,43.69598 -98.28759,43.69611 -98.29153,43.69612 -98.29604,43.69608 -98.29881,43.69612 -98.31753,43.69615 -98.31980,43.6961 -98.32208,43.69611 -98.32935999999999,43.69603 -98.37817,43.69541 -98.38546,43.69527 -98.3881,43.69527 -98.40608,43.69505 -98.43678,43.69501 -98.44419,43.69504 -98.45208,43.69498 -98.45327,43.69504 -98.45533,43.69523 -98.45741,43.69560 -98.45941,43.6961 -98.47782,43.70214 -98.48591,43.70488 -98.49389,43.7074 -98.49506,43.70771 -98.49667,43.70805 -98.49792,43.70825 -98.50006,43.70846 -98.50138,43.70852 -98.51908,43.70855 -98.54269,43.70865 -98.66821,43.7089 -98.67101,43.70904 -98.67253,43.70921 -98.67421,43.70946 -98.67534,43.70967 -98.67802,43.71033 -98.67997,43.71094 -98.68782,43.71371 -98.68973,43.71434 -98.69303,43.71522 -98.69571,43.71579 -98.69705999999999,43.71602 -98.69912,43.71631 -98.70048,43.71646 -98.70707,43.71704 -98.71399,43.71772 -98.71984,43.71814 -98.73655,43.71958 -98.73792,43.71978 -98.73931,43.72005 -98.74032,43.72029 -98.7413,43.72056 -98.74313,43.72119 -98.74472,43.72185 -98.74638,43.72271 -98.74743,43.72335 -98.76221,43.7329 -98.76443,43.73408 -98.76588,43.73472 -98.76668,43.73503 -98.76796,43.73545 -98.76895,43.73573 -98.77094,43.73617 -98.77676,43.73732 -98.77958,43.73771 -98.78134,43.73786 -98.78238,43.73792 -98.79121,43.738 -98.82999,43.7382 -98.83557,43.73821 -98.84976,43.73809 -98.86234,43.73814 -98.87297,43.73834 -98.87790,43.73823 -98.89139,43.73763 -98.89641,43.73748 -98.90054,43.73751 -98.93829,43.73819 -98.95047,43.73818 -98.95386,43.73823 -98.95820,43.73824 -98.96493,43.73817 -98.98567,43.73813 -98.98747,43.73819 -98.98926,43.73835 -98.99147,43.73870 -98.99275,43.73899 -99.02182,43.74746 -99.02531,43.74837 -99.02881,43.74913 -99.03193,43.74965 -99.03552,43.75013 -99.0371,43.75030 -99.06064,43.75240 -99.06323999999999,43.75257 -99.06583,43.75262 -99.16155999999999,43.75195 -99.16371,43.75201 -99.16477999999999,43.75208 -99.17791,43.75323 -99.18197,43.7535 -99.18393,43.75348 -99.18723,43.7533 -99.19118,43.75289 -99.19684,43.75239 -99.20043,43.75213 -99.20422,43.752 -99.20836,43.75194 -99.25743,43.75262 -99.25961,43.75282 -99.26102,43.75303 -99.26333,43.75356 -99.26466,43.75395 -99.29482,43.76475 -99.30576,43.7687 -99.30817999999999,43.76962 -99.3124,43.77114 -99.31886,43.77339 -99.32319,43.77497 -99.32473,43.77564 -99.32623,43.77643 -99.32771,43.77737 -99.32844,43.77789 -99.32987,43.7791 -99.33077,43.78001 -99.33163,43.78102 -99.33753,43.79005 -99.3387,43.79144 -99.3393,43.79208 -99.33972,43.79249 -99.34082,43.79343 -99.34203,43.79434 -99.34363999999999,43.79541 -99.34560,43.79659 -99.35868,43.80512 -99.35938,43.80551 -99.36048,43.806 -99.36101,43.80618 -99.36231,43.80654 -99.36340,43.80674 -99.36499,43.80690 -99.36606,43.80690 -99.36696,43.80684 -99.36872,43.80656 -99.36957,43.80635 -99.37081,43.80593 -99.3811,43.80174 -99.38227999999999,43.80131 -99.38311,43.80106 -99.38395,43.80086 -99.38566,43.80058 -99.38732,43.80045 -99.38821,43.80043 -99.38933,43.80049 -99.39122,43.8008 -99.39138,43.80073 -99.39165,43.80071 -99.39879,43.80156 -99.39905,43.80164 -99.39917,43.80175 -99.40034,43.80180 -99.40208,43.80213 -99.40319,43.80245 -99.40458,43.80296 -99.40649,43.80384 -99.41244,43.80672 -99.41739,43.8094 -99.42931,43.81617 -99.43086,43.81701 -99.43386,43.81852 -99.43652,43.81969 -99.43805,43.82031 -99.45160,43.82538 -99.45486,43.82678 -99.45659,43.8276 -99.45863,43.82864 -99.48250,43.84162 -99.48358,43.84215 -99.48468,43.84263 -99.48582,43.84305 -99.48823,43.84375 -99.49030,43.84417 -99.49149,43.84434 -99.5116,43.84689 -99.51383,43.84713 -99.51778,43.84742 -99.52025,43.84752 -99.54527,43.84757 -99.55162,43.84753 -99.55373,43.84758 -99.55469,43.84766 -99.55707,43.84795 -99.56025,43.84871 -99.5613,43.84904 -99.5654,43.85043 -99.56784,43.85133 -99.56961,43.85191 -99.59961,43.86228 -99.60605,43.86458 -99.61446,43.86738 -99.61517,43.86761 -99.61719,43.86813 -99.61841,43.86836 -99.62008,43.86861 -99.62262,43.86877 -99.62587,43.86881 -99.67834,43.86879 -99.68149,43.86883 -99.70789,43.86883 -99.70945,43.86886 -99.71149,43.86899 -99.7131,43.86917 -99.71504,43.86949 -99.71736,43.86999 -99.7351,43.87481 -99.73726,43.87536 -99.74133999999999,43.87632 -99.74286,43.87657 -99.74442,43.87675 -99.74458,43.87686 -99.74786,43.87699 -99.75134,43.87703 -99.7547,43.877 -99.79771,43.87699 -99.79933,43.87701 -99.80091,43.87708 -99.80328,43.87731 -99.80527,43.87761 -99.80719,43.87803 -99.80876,43.87843 -99.83077,43.88506 -99.85742,43.89303 -99.86090,43.89412 -99.86631,43.89562 -99.87054,43.89685 -99.87292,43.89719 -99.8746,43.89737 -99.87662,43.89749 -99.97419,43.89751 -100.01849,43.89746 -100.02437,43.89742 -100.02895,43.8975 -100.03136,43.89759 -100.054,43.89871 -100.06,43.89883 -100.1172,43.89842 -100.14761,43.89823 -100.1482,43.89825 -100.15009,43.8984 -100.15194,43.89866 -100.15319,43.8989 -100.15578,43.89961 -100.15826,43.90056 -100.18124,43.91043 -100.18252,43.91092 -100.18356,43.91126 -100.18563,43.9118 -100.18666,43.912 -100.18774,43.91218 -100.18964,43.9124 -100.19131,43.91249 -100.25143,43.91255 -100.29882,43.91253 -100.30693,43.9126 -100.31894,43.91259 -100.32846,43.91252 -100.33095,43.91248 -100.33978,43.9122 -100.39831,43.91008 -100.40198,43.90999 -100.40715,43.90975 -100.41203,43.9096 -100.42172,43.90922 -100.42869,43.90899 -100.43297,43.90889 -100.43989,43.90886 -100.49678,43.90889 -100.53933,43.90887 -100.54217,43.90891 -100.54707,43.90887 -100.62724,43.90882 -100.6341,43.90878 -100.6348,43.90873 -100.63734,43.90843 -100.6382,43.90828 -100.63941,43.90801 -100.64206,43.90725 -100.64335,43.90677 -100.64479,43.90611 -100.68093,43.88638 -100.68258,43.88556 -100.6851,43.88459 -100.68758,43.88391 -100.68877,43.88367 -100.69125,43.88334 -100.69275,43.88326 -100.69455,43.88323 -100.71059,43.8833 -100.71236,43.88328 -100.71348,43.88329 -100.71701,43.88343 -100.72724,43.88432 -100.73299,43.88478 -100.74002,43.88544 -100.75211,43.88645 -100.75769,43.88677 -100.76045,43.88682 -100.76426,43.88683 -100.87764,43.88672 -100.88016,43.88694 -100.88137,43.88708 -100.88256,43.88728 -100.88505,43.88776 -100.88751,43.88845 -100.88961,43.8892 -100.89303,43.89062 -100.89463,43.89122 -100.91576,43.89957 -100.91684,43.89993 -100.91794,43.90024 -100.91979,43.90066 -100.92214,43.90099 -100.92452,43.90116 -100.9998,43.90121 -101.00468,43.90127 -101.00955,43.9012 -101.07403,43.9012 -101.07914,43.90116 -101.08292,43.90102 -101.08484,43.90091 -101.08909,43.90055 -101.09325,43.90003 -101.09503,43.89977 </coordinates></LineString><LineString><coordinates>-101.09503,43.89977 -101.09887,43.89912 -101.10421,43.89804 -101.10864,43.89701 -101.10951,43.89677 -101.11193,43.89595 -101.11311,43.89549 -101.11408,43.89506 -101.11711,43.89355 -101.14115,43.88126 -101.14502,43.87937 -101.14667,43.87846 -101.15496,43.87423 -101.15771,43.87288 -101.15946,43.87209 -101.16304,43.87065 -101.17494,43.86647 -101.17829,43.86519 -101.17992,43.8645 -101.18234,43.8634 -101.2198,43.84507 -101.22097,43.84458 -101.2226,43.84404 -101.22429,43.84357 -101.22691,43.84306 -101.22904,43.84285 -101.2304,43.84279 -101.24573,43.84283 -101.26451,43.8429 -101.26625,43.84294 -101.28157,43.84295 -101.31466,43.84305 -101.31656,43.84309 -101.31942,43.84327 -101.3234,43.84376 -101.35536,43.84961 -101.36052,43.85031 -101.36423,43.85062 -101.36638,43.85074 -101.39171,43.85199 -101.39759,43.85216 -101.40593,43.85212 -101.48484,43.851 -101.48972,43.85087 -101.49257,43.85059 -101.49385,43.85043 -101.49569,43.85006 -101.49877,43.84924 -101.52578,43.84059 -101.53119,43.83881 -101.53618,43.83724 -101.5379,43.83685 -101.53924,43.83661 -101.54103,43.83641 -101.54236,43.83631 -101.54372,43.83627 -101.56942,43.83624 -101.57833,43.83628 -101.65615,43.83627 -101.66121,43.83618 -101.66902,43.83623 -101.69383,43.83623 -101.6981,43.8362 -101.71405,43.8362 -101.71975,43.83615 -101.75788,43.83612 -101.80028,43.83643 -101.87123,43.83626 -101.87644,43.83616 -101.88655,43.83579 -101.88736,43.83579 -101.88823,43.83584 -101.88982,43.83608 -101.89061,43.83629 -101.89136,43.83653 -101.8928,43.83715 -101.89557,43.83861 -101.91444,43.84781 -101.93171,43.85636 -101.9358,43.85835 -101.94121,43.86081 -101.94595,43.86272 -101.95481,43.86612 -101.95971,43.86789 -101.96436,43.8697 -101.96668,43.87066 -101.97169,43.87284 -102.00534,43.88863 -102.00823,43.88992 -102.01162,43.89136 -102.02926,43.89865 -102.03146,43.89952 -102.04504,43.90519 -102.04784,43.90627 -102.05114,43.90732 -102.05534,43.90843 -102.06344,43.91029 -102.06419,43.91051 -102.06535,43.91075 -102.07862,43.91385 -102.08526,43.91546 -102.13919,43.92824 -102.14045,43.92858 -102.14221,43.92924 -102.14345,43.92986 -102.14452,43.93052 -102.14529,43.93106 -102.1491,43.9346 -102.15124,43.93664 -102.15328,43.93868 -102.16477,43.94961 -102.18611,43.96969 -102.18726,43.97072 -102.18959,43.97255 -102.20145,43.9811 -102.20428,43.98301 -102.20613,43.98442 -102.20773,43.98554 -102.20892,43.98613 -102.2103,43.98669 -102.21085,43.98686 -102.2124,43.98717 -102.21342,43.98729 -102.21496,43.9874 -102.225,43.98735 -102.22766,43.98727 -102.23451,43.98691 -102.23538,43.9868 -102.24067,43.98644 -102.24166,43.98644 -102.24276,43.98653 -102.24388,43.98671 -102.24477,43.98692 -102.24574,43.98721 -102.24658,43.98751 -102.25017,43.98909 -102.25183,43.98994 -102.25285,43.99055 -102.25439,43.9916 -102.25571,43.99267 -102.25838,43.99456 -102.263,43.99768 -102.28236,44.01143 -102.28409,44.01273 -102.28795,44.01534 -102.29123,44.01766 -102.29446,44.02002 -102.29603,44.02092 -102.29813,44.0218 -102.29946,44.02217 -102.30065,44.02244 -102.30195,44.02265 -102.31083,44.02367 -102.31333,44.02415 -102.31456,44.02448 -102.31606,44.02497 -102.31998,44.02643 -102.32197,44.02738 -102.32358,44.02825 -102.32613,44.0298 -102.32702,44.03025 -102.32801,44.03068 -102.32907,44.03105 -102.33031,44.03139 -102.33162,44.03166 -102.33347,44.03189 -102.33643,44.03215 -102.33767,44.03235 -102.33865,44.03259 -102.33987,44.03299 -102.34136,44.03365 -102.34242,44.03427 -102.34289,44.03458 -102.34467,44.036 -102.35298,44.04291 -102.35431,44.04406 -102.35902,44.04797 -102.36019,44.04907 -102.36157,44.05076 -102.36206,44.05154 -102.36279,44.05287 -102.36388,44.05508 -102.36574,44.05862 -102.3663,44.05944 -102.36738,44.06079 -102.36868,44.06206 -102.37185,44.06478 -102.37242,44.06517 -102.37332,44.06569 -102.37422,44.06612 -102.37497,44.06643 -102.37651,44.06688 -102.37756,44.0671 -102.3797,44.06732 -102.38949,44.06754 -102.39085,44.06753 -102.39398,44.06763 -102.39715,44.06767 -102.40353,44.06785 -102.40585,44.06799 -102.41737,44.06904 -102.41922,44.06909 -102.42098,44.06897 -102.42255,44.06873 -102.42409,44.06837 -102.42562,44.06791 -102.42673,44.06752 -102.42816,44.06693 -102.43188,44.06504 -102.43259,44.06473 -102.43333,44.06447 -102.43489,44.06408 -102.43578,44.06393 -102.43652,44.06385 -102.43817,44.06381 -102.43939,44.06392 -102.44047,44.06407 -102.44426,44.06475 -102.44661,44.06523 -102.4507,44.06593 -102.45414,44.06661 -102.45464,44.06664 -102.45571,44.0668 -102.45825,44.06731 -102.45942,44.06768 -102.46032,44.06802 -102.46101,44.06832 -102.46233,44.06904 -102.46296,44.06945 -102.46449,44.07056 -102.47513,44.07836 -102.47618,44.07909 -102.47899,44.08084 -102.48186,44.08255 -102.48323,44.08345 -102.48488,44.08462 -102.48945,44.08802 -102.49086,44.08891 -102.49535,44.09133 -102.49677,44.0922 -102.49785,44.09304 -102.49878,44.09384 -102.5,44.09504 -102.5005,44.09561 -102.50144,44.09643 -102.50248,44.09718 -102.50363,44.09785 -102.50496,44.09849 -102.5065,44.09906 -102.51839,44.10242 -102.51942,44.10267 -102.52047,44.10288 -102.52315,44.10326 -102.524,44.10334 -102.52536,44.10339 -102.60419,44.10353 -102.60628,44.10361 -102.60836,44.10377 -102.61067,44.10404 -102.61311,44.10442 -102.62397,44.10647 -102.62594,44.1067 -102.62793,44.10680 -102.6293,44.10679 -102.63086,44.10671 -102.63241,44.10656 -102.64278,44.1046 -102.64455,44.10429 -102.64669,44.104 -102.64938,44.10375 -102.65292,44.1036 -102.70564,44.10362 -102.73253,44.10367 -102.7452,44.10367 -102.74751,44.10364 -102.75554,44.10367 -102.82192,44.10367 -102.8255,44.10364 -102.83434,44.1037 -102.8384,44.10366 -102.86078,44.10418 -102.87155,44.10422 -102.87767,44.1042 -102.89266,44.10431 -102.89452,44.10446 -102.89639,44.10473 -102.89772,44.105 -102.89904,44.10533 -102.89991,44.10559 -102.90142,44.10613 -102.90321,44.10686 -102.91208,44.11061 -102.91372,44.11125 -102.91541,44.11184 -102.93447,44.11759 -102.9358,44.11792 -102.93716,44.11815 -102.93854,44.11828 -102.93947,44.11832 -102.99052,44.11839 -103.01007,44.11806 -103.07056,44.11802 -103.0745,44.11799 -103.08422,44.11768 -103.08763,44.11761 -103.09947,44.11754 -103.10814,44.11758 -103.11076,44.11751 -103.11127,44.11746 -103.11276,44.1172 -103.11389,44.11691 -103.11553,44.11625 -103.1367,44.10451 -103.13755,44.10408 -103.13913,44.10341 -103.14014,44.10304 -103.14123,44.1027 -103.14249,44.10236 -103.14381,44.10207 -103.15131,44.1006 -103.15446,44.10001 -103.15543,44.09988 -103.15785,44.09974 -103.16067,44.09965 -103.17619,44.09972 -103.17619,44.09972 -103.17713,44.09949 -103.1777,44.0993 -103.17844,44.0989 -103.1787,44.09869 -103.17906,44.09824 -103.18044,44.09622 -103.18044,44.09622 -103.18201,44.09399 -103.18255,44.09339 -103.18303,44.09294 -103.18381,44.09233 -103.18804,44.08957 -103.18818,44.08936 -103.19031,44.08814 -103.19117,44.08779 -103.19174,44.08766 -103.19174,44.08766 -103.19176,44.08411 -103.19168,44.0817 -103.19171,44.08087 -103.19166,44.08032 -103.19167,44.07661 -103.19161,44.07589 -103.19161,44.06786 -103.19176,44.06686 -103.19166,44.06424 -103.19168,44.05762 -103.19177,44.05586 -103.1918,44.04411 -103.1919,44.04391 -103.19201,44.04245 -103.19205,44.03959 -103.19205,44.03959 -103.19214,44.03907 -103.19224,44.03887 -103.19257,44.03862 -103.19286,44.03851 -103.1931,44.03845 -103.19493,44.03844 -103.19558,44.03839 -103.1969,44.0382 -103.1982,44.03789 -103.19884,44.03769 -103.20008,44.03720 -103.20066,44.03691 -103.20176,44.03623 -103.2025,44.03566 -103.20315,44.03505 -103.20535,44.03272 -103.20578,44.03233 -103.20627,44.032 -103.20682,44.03172 -103.20741,44.03150 -103.20802,44.03134 -103.20867,44.03125 -103.20934,44.03121 -103.22109,44.03127 -103.22331,44.03125 -103.22453,44.03112 -103.22512,44.031 -103.22625,44.03064 -103.22757,44.03000 -103.24024,44.02316 -103.24106,44.0226 -103.24214,44.02162 -103.24276,44.02087 -103.24363,44.01945 -103.24394,44.01907 -103.24436,44.01876 -103.24485,44.0185 -103.24538,44.01832 -103.24593,44.01822 -103.24651,44.0182 -103.25016,44.01855 -103.25016,44.01855 -103.25046,44.01708 -103.25125,44.01231 -103.25252,44.00516 -103.25285,44.00359 -103.25299,44.00316 -103.25328,44.00255 -103.25353,44.00216 -103.2543,44.00123 -103.25467,44.00088 -103.25509,44.00054 -103.2558,44.00007 -103.26432,43.99536 -103.26534,43.9947 -103.26582,43.99434 -103.26629,43.99396 -103.26805,43.99233 -103.27321,43.98746 -103.27359,43.98706 -103.27405,43.98643 -103.27429,43.98599 -103.27638,43.9818 -103.27671,43.98098 -103.27692,43.98016 -103.277,43.97955 -103.27714,43.97797 -103.27713,43.97622 -103.27717,43.97583 -103.27739,43.97509 -103.27779,43.97442 -103.27835,43.97382 -103.27868,43.97355 -103.27941,43.97314 -103.28031,43.97277 -103.28124,43.97254 -103.28223,43.97245 -103.28319,43.97248 -103.28366,43.97254 -103.29149,43.97422 -103.29649,43.9751 -103.2977,43.97521 -103.29893,43.97522 -103.29956,43.97519 -103.30121,43.97498 -103.30191,43.97483 -103.3052,43.97381 -103.30636,43.97356 -103.30776,43.97338 -103.30942,43.97334 -103.31196,43.97337 -103.31282,43.97332 -103.31376,43.97321 -103.31523,43.97298 -103.32105,43.97192 -103.32208,43.97177 -103.3311,43.97018 -103.33239,43.96999 -103.3335,43.96988 -103.33736,43.9697 -103.33934,43.9695 -103.34128,43.96916 -103.34225,43.96894 -103.34674,43.96766 -103.34953,43.9668 -103.35005,43.9666 -103.35096,43.96612 -103.35135,43.96586 -103.35201,43.96526 -103.35252,43.96462 -103.35354,43.96319 -103.35419,43.96238 -103.35516,43.96151 -103.35573,43.9611 -103.35674,43.9605 -103.35759,43.96009 -103.36073,43.95889 -103.36173,43.95846 -103.36245,43.95807 -103.36333,43.95744 -103.36388,43.95694 -103.36449,43.95624 -103.365,43.9554 -103.36626,43.95289 -103.3667,43.95218 -103.36779,43.95069 -103.36844,43.94996 -103.37103,43.94755 -103.37396,43.94494 -103.37567,43.94353 -103.3767,43.9429 -103.37729,43.94265 -103.37793,43.94245 -103.37859,43.9423 -103.37927,43.9422 -103.38233,43.94206 -103.38527,43.942 -103.38655,43.94209 -103.38748,43.94225 -103.3881,43.9424 -103.39094,43.94324 -103.39204,43.94345 -103.39261,43.94352 -103.39377,43.94357 -103.39521,43.94348 -103.39578,43.9434 -103.39662,43.94322 -103.39715,43.94307 -103.39819,43.94269 -103.39916,43.9422 -103.40132,43.94074 -103.40199,43.94033 -103.40248,43.94009 -103.40301,43.93989 -103.40356,43.93974 -103.40475,43.93957 -103.40537,43.93956 -103.40598,43.93959 -103.40814,43.93982 -103.4094,43.93991 -103.41004,43.9399 -103.41085,43.93983 -103.41159,43.9397 -103.41432,43.93901 -103.41492,43.93883 -103.41591,43.93842 -103.41652,43.93805 -103.41694,43.93772 -103.41759,43.93699 -103.41785,43.93659 -103.41847,43.93529 -103.41873,43.93488 -103.41905,43.93449 -103.41943,43.93413 -103.41988,43.9338 -103.42037,43.93352 -103.42147,43.93308 -103.42342,43.93256 -103.42479,43.93212 -103.42559,43.93177 -103.42639,43.93136 -103.42698,43.931 -103.43049,43.92859 -103.43452,43.92616 -103.43725,43.92468 -103.43779,43.92449 -103.43836,43.92437 -103.43921,43.92433 -103.43975,43.9244 -103.44025,43.92452 -103.44065,43.92466 -103.44133,43.925 -103.44133,43.925 -103.44208,43.92497 -103.44246,43.92487 -103.44294,43.9246 -103.44315,43.92434 -103.44325,43.92385 -103.44321,43.92369 -103.44304,43.92328 -103.44273,43.92278 -103.44258,43.92233 -103.44258,43.92233 -103.44244,43.9209 -103.4423,43.92052 -103.4419,43.91979 -103.4418,43.91943 -103.44176,43.91897 -103.44182,43.91816 -103.4417,43.91756 -103.44129,43.91681 -103.44009,43.91505 -103.43862,43.91362 -103.43834,43.91323 -103.43808,43.91258 -103.43786,43.91123 -103.43715,43.90985 -103.43706,43.90921 -103.43713,43.90837 -103.43696,43.90787 -103.43676,43.90757 -103.43642,43.90724 -103.43611,43.90704 -103.43567,43.90683 -103.43534,43.90673 -103.43274,43.90621 -103.43216,43.90597 -103.43192,43.90583 -103.43128,43.9053 -103.43046,43.90423 -103.43025,43.90384 -103.43019,43.90363 -103.43019,43.90333 -103.43038,43.90237 -103.43014,43.90167 -103.42987,43.90116 -103.42945,43.90062 -103.42912,43.89998 -103.42889,43.89889 -103.42872,43.89848 -103.4286,43.8983 -103.42807,43.89782 -103.42655,43.89712 -103.42632,43.89696 -103.42604,43.89667 -103.42572,43.89616 -103.42524,43.89484 -103.42518,43.89414 -103.42528,43.89368 -103.4262,43.89218 -103.42648,43.89191 -103.42733,43.89147 -103.42753,43.89133 -103.42778,43.89097 -103.42781,43.89076 -103.42775,43.89032 -103.42764,43.89011 -103.42747,43.88995 -103.42723,43.88985 -103.42697,43.8898 -103.42595,43.8897 -103.42564,43.88963 -103.42538,43.88951 -103.42517,43.88934 -103.42504,43.88912 -103.42501,43.88888 -103.42509,43.88867 -103.42586,43.88781 -103.4261,43.88767 -103.42636,43.88758 -103.42665,43.88755 -103.42976,43.88748 -103.43159,43.88725 -103.43255,43.88727 -103.43343,43.88718 -103.43385,43.88723 -103.43453,43.88738 -103.43485,43.88734 -103.43512,43.88721 -103.43536,43.88701 -103.43624,43.88615 -103.43624,43.88615 -103.43661,43.88593 -103.4375,43.88571 -103.43781,43.88569 -103.43844,43.88576 -103.43875,43.88584 -103.43905,43.88597 -103.44133,43.88708 -103.44154,43.88715 -103.44198,43.88721 -103.44239,43.88717 -103.44274,43.88706 -103.44361,43.88654 -103.44387,43.88645 -103.44414,43.88638 -103.44484,43.8863 -103.44547,43.88615 -103.44596,43.88585 -103.4465,43.88534 -103.44695,43.88472 -103.4471,43.88441 -103.44721,43.88374 -103.44709,43.88306 -103.44603,43.88089 -103.44593,43.88059 -103.44589,43.88033 -103.44592,43.87998 -103.446,43.8798 -103.44646,43.87918 -103.44662,43.87906 -103.447,43.87891 -103.44743,43.87885 -103.44765,43.87886 -103.44906,43.87916 -103.44968,43.87917 -103.45009,43.87911 -103.45045,43.87898 -103.45079,43.87881 -103.45107,43.87860 -103.45194,43.87782 -103.45223,43.87742 -103.45227,43.87710 -103.45217,43.87677 -103.45207,43.87661 -103.45166,43.87619 -103.45149,43.87585 -103.45147,43.87537 -103.45157,43.87508 -103.45197,43.87462 -103.4527,43.87416 -103.45303,43.87402 -103.45341,43.87394 -103.4538,43.87393 -103.45436,43.87404 -103.45469,43.87418 -103.45506,43.87449 -103.45515,43.87462 -103.45525,43.87485 -103.45533,43.87526 -103.45547,43.87551 -103.45565,43.87561 -103.45589,43.87566 -103.45618,43.87563 -103.45693,43.87542 -103.45769,43.87493 -103.45932,43.87425 -103.45967,43.87416 -103.46004,43.87414 -103.46057,43.87429 -103.46095,43.87458 -103.46105,43.8747 -103.46113,43.87496 -103.46096,43.87544 -103.4604,43.87615 -103.46031,43.87633 -103.46029,43.87652 -103.46047,43.87777 -103.46094,43.87861 </coordinates></LineString></MultiGeometry></Placemark></Document></kml>';
html,
body,
#map_canvas {
height: 100%;
width: 100%;
margin: 0px;
padding: 0px
}
<script src="https://maps.googleapis.com/maps/api/js"></script>
<script src="https://geoxml3.googlecode.com/svn/branches/polys/geoxml3.js"></script>
<div id="map_canvas"></div>
I want to use bootstrap multiselect dropdown for selecting multiple values for parameters . I am using it like -
<div ng-repeat="param in parameters">
<div>{{param.name }} :</div>
<div ng-show = "param.multipleValues">
<select ng-model="param.value" id="testMultiSelect" multiple="multiple">
<option ng-repeat="v in values" value="{{v}}" >{{v}}</option>
</select>
</div>
<div ng-show = "!param.multipleValues">
<input type="text" ng-model="param.value">
</div>
</div>
But , somehow , multiselect is not working inside ng-repeat. If I put it outside of this div having ng-repeat , it works.
It comes like in image -
This may helps you
var app = angular.module('testApp', [ ]);
app.directive('telDropdownmutiple', ['$http', function ($http) {
return {
restrict: 'E',
scope: {
array: '=',
validate: '#',
ngModel: '=',
title: '#',
checkId: '#',
ngmaxLength: '#',
ngminLength: '#',
lblvalue: '#',
textboxSize: '#',
lblSize: '#',
ngShow: '#',
textboxtype: '#',
getString: '#',
multiple: '#',
},
template:'<div id="{{ checkId }}" > <span>{{ title }}</span>:<select {{ multiple }} class="{{className}}" ng-model="ngModel" ng-options="a[optValue] as a[optDescription] for a in array" requireiftrue="{{ validate }}"></div>'+
'<option style="display: none" value="">{{title}}</option>' +
'</select> </div>',
link: function (scope, element, attrs) {
scope.lblvalue = attrs.lblvalue;
scope.title = attrs.title;
scope.optValue = attrs.optValue;
scope.optDescription = attrs.optDescription;
}
};
}]);
app.controller('testController', ['$scope', '$location', function ($scope, $location) {
$scope.SelectMultiple = [
{Id: 1, Description: "option1"},
{Id: 2, Description: "option2"},
{Id: 3, Description: "option3"},
{Id: 4, Description: "option4"},
{Id: 5, Description: "option5"},
{Id: 6, Description: "option6"},
{Id: 7, Description: "option7"},
{Id: 8, Description: "option8"},
{Id: 9, Description: "option9"},
{Id: 10, Description: "option10"}
];
}]);
<script data-require="angular.js#~1.3.15" data-semver="1.3.15" src="https://code.angularjs.org/1.3.15/angular.js"></script>
<body class="hold-transition skin-blue sidebar-mini" data-ng-app="testApp">
<!-- Logo -->
<!-- Left side column. contains the logo and sidebar -->
<div class="content-wrapper" style=" margin-top: 50px; margin-bottom: 10px; height: 350px; overflow-y: auto; " ng-controller="testController">
<tel-Dropdownmutiple multiple ng-model="registration.multipledropGender" lblvalue="Gender" array="SelectMultiple" opt-value="Id" opt-description="Description" validate='true' class-Name="form-controlselect select2" ></tel-Dropdownmutiple>
</div>
</body>
Im new to Google Charts. My html File simply has no output. Where did i do wrong?
I tried to stick to the original example (https://google-developers.appspot.com/chart/interactive/docs/gallery/linechart), but I can't find any differences. I basically also just modified the "data code".
Thanks and greetings, anumpho
<html>
<head>
<script type="text/javascript" src="https://www.google.com/jsapi"></script>
<script type="text/javascript">
google.load('visualization', '1.1', {packages: ['line']});
google.setOnLoadCallback(drawChart);
function drawChart() {
var data = new google.visualization.DataTable();
data.addColumn('number'), 'Year');
data.addColumn('number'), 'Gesamt');
data.addColumn('number'), 'Allgemein bildende Pflichtschulen');
data.addColumn('number'), 'Neue Mittelschulen');
data.addColumn('number'), 'Allgemein bildende hoehere Schulen');
data.addColumn('number'), 'Sonstige allgemein bildende (Statut-)Schulen');
data.addColumn('number'), 'Berufsschulen');
data.addColumn('number'), 'Berufsbildende mittlere und hoehere Schulen');
data.addColumn('number'), 'Lehrerbildende Schulen');
data.addColumn('number'), 'Schulen und Akademien im Gesundheitswesen');
data.addRows([
[2004, 211.612, 103.473, 0, 55.534, 0, 17.726, 31.089, 3.790, 0],
[2005, 212.343, 102.780, 0, 56.956, 0, 18.139, 30.631, 3.837, 0],
[2006, 226.732, 101.569, 0, 57.965, 3.850, 22.464, 31.929, 3.485, 5.470],
[2007, 226.773, 100.181, 0, 58.572, 4.079, 23.205, 32.009, 3.448, 5.279],
[2008, 225.749, 99.278, 0, 58.699, 4.225, 23.447, 31.562, 3.532, 5.006],
[2009, 226.483, 97.137, 1.892, 58.050, 4.177, 23.786, 31.902, 4.774, 4.765],
[2010, 224.697, 95.159, 3.802, 57.541, 4.521, 23.007, 32.175, 3.702, 4.790],
[2011, 225.414, 94.761, 5.445, 57.385, 4.537, 22.160, 32.673, 4.168, 4.285],
[2012, 225.645, 98.654, 0, 59.608, 4.435, 21.541, 33.179, 4.411, 3.817]
]);
var options = {
chart: {
title: 'Box Office Earnings in First Two Weeks of Opening',
subtitle: 'in millions of dollars (USD)'
},
width: 900,
height: 500
};
var chart = new google.charts.Line(document.getElementById('linechart_material'));
chart.draw(data, options);
}
</script>
</head>
<body>
<div id="linechart_material"></div>
</body>
</html>
You are missing the opening parenthesis "(" on all of your "data.addColumn" rows.
Ex:
Should be:
data.addColumn(('number'), 'Year');
Not:
data.addColumn('number'), 'Year');
Or you can just remove the closing parenthesis after 'number'on each row like this:
data.addColumn('number', 'Year');
I have a KML File which is a polygon that overlays the boundaries of a city. Currently my polygon is shaded gray. I would like to invert it, so the rest of the world is greyed out,
Here is a link to the kml, it should take you to Google maps. City of Edmonton
I'm not really sure if this is something I need to change in my KML, or can be accomplished with the Google Maps API.
You need to change your KML. Add an outer boundary to the polygon that covers the whole world. Make sure the winding direction of the outer polygon is opposite the winding direction of the inner polygon.
example (state of Virginia).
Note that KML doesn't seem to work with the Google Maps Javascript API v3 KmlLayer renderer, might need to reverse the winding directions.
code snippet:
function initialize() {
myLatLng = new google.maps.LatLng(37.422104808, -122.0838851);
var myOptions = {
center: {
lat: 37.155939,
lng: -79.497071
},
zoom: 6
};
map = new google.maps.Map(document.getElementById("map_canvas"),
myOptions);
infowindow = new google.maps.InfoWindow({});
geoXml = new geoXML3.parser({
map: map,
suppressInfoWindows: true,
zoom: false
});
geoXml.parseKmlString(virginia_inverted_kml);
}
google.maps.event.addDomListener(window, 'load', initialize);
var virginia_inverted_kml =
'<kml xmlns="http://www.opengis.net/kml/2.2"><Document><Folder id="Fusiontables"><name>Fusiontables folder</name><Style id="BasicStyle"><BalloonStyle><text>$[description]</text></BalloonStyle><IconStyle><color>FFFFFFFF</color><scale>1.1</scale><hotSpot x="0.5" y="0" xunits="fraction" yunits="fraction"/><Icon><href>http://maps.google.com/mapfiles/kml/paddle/red-blank_maps.png</href></Icon></IconStyle></Style><Placemark><name><![CDATA[ 76 ]]></name><styleUrl>#BasicStyle</styleUrl><description><![CDATA[ <div class="googft-info-window" style="font-family:sans-serif"> <b>objectid:</b> 76<br> <b>vertexcou:</b> 1326.00000000000<br> <b>iso:</b> USA<br> <b>name_0:</b> United States of America<br> <b>name_1:</b> Virginia<br> <b>varname_1:</b> VA<br> <b>hasc_1:</b> US.VA<br> <b>type_1:</b> State<br> <b>engtype_1:</b> State<br> <b>validfr_1:</b> 18630619 </div> ]]></description><MultiGeometry><Polygon><outerBoundaryIs><LinearRing><coordinates>180,85 90,85 0,85 -90,85 -180,85 -180,0 -180,-85 -90,-85 0,-85 90,-85 180,-85 180,0 180,85<!-- 180,85 180,0 180,-85 90,-85 0,-85 -90,-85 -180,-85 -180,0 -180,85 -90, 85 0,85 90, 85 180,85 --></coordinates></LinearRing></outerBoundaryIs><innerBoundaryIs><LinearRing><coordinates>-75.914,36.576 -75.909,36.549 -75.927,36.55 -75.943,36.55 -75.942,36.55 -75.949,36.562 -75.932,36.57 -75.914,36.576,0.0</coordinates></LinearRing></innerBoundaryIs></Polygon><Polygon><innerBoundaryIs><LinearRing><coordinates>-75.806,37.23 -75.839,37.228 -75.839,37.234 -75.832,37.234 -75.813,37.244 -75.804,37.264 -75.799,37.285 -75.791,37.303 -75.784,37.303 -75.784,37.27 -75.79,37.245 -75.806,37.23,0.0</coordinates></LinearRing></innerBoundaryIs></Polygon><Polygon><innerBoundaryIs><LinearRing><coordinates>-75.709,37.391 -75.716,37.391 -75.715,37.398 -75.714,37.403 -75.684,37.455 -75.675,37.467 -75.668,37.467 -75.673,37.444 -75.685,37.423 -75.709,37.391,0.0</coordinates></LinearRing></innerBoundaryIs></Polygon><Polygon><innerBoundaryIs><LinearRing><coordinates>-75.423,37.912 -75.441,37.906 -75.43,37.886 -75.438,37.87 -75.476,37.837 -75.558,37.707 -75.57,37.671 -75.589,37.641 -75.603,37.611 -75.608,37.585 -75.592,37.576 -75.603,37.554 -75.621,37.531 -75.641,37.51 -75.661,37.495 -75.67,37.507 -75.681,37.517 -75.69,37.528 -75.694,37.545 -75.701,37.558 -75.717,37.552 -75.733,37.536 -75.743,37.522 -75.729,37.518 -75.714,37.516 -75.702,37.512 -75.694,37.501 -75.771,37.49 -75.784,37.484 -75.788,37.476 -75.807,37.454 -75.812,37.443 -75.81,37.426 -75.809,37.418 -75.81,37.411 -75.819,37.398 -75.84,37.375 -75.845,37.364 -75.849,37.352 -75.857,37.262 -75.864,37.238 -75.873,37.22 -75.869,37.212 -75.865,37.19 -75.86,37.179 -75.883,37.17 -75.89,37.182 -75.886,37.224 -75.891,37.228 -75.9,37.223 -75.91,37.213 -75.914,37.203 -75.919,37.168 -75.922,37.159 -75.934,37.144 -75.95,37.139 -75.963,37.146 -75.968,37.169 -75.976,37.189 -76.001,37.22 -75.996,37.234 -75.996,37.24 -76.017,37.258 -76.015,37.282 -76.0,37.304 -75.982,37.316 -75.996,37.32 -76.001,37.32 -76.01,37.316 -75.991,37.353 -75.985,37.372 -75.99,37.385 -75.974,37.392 -75.962,37.403 -75.956,37.416 -75.955,37.426 -75.956,37.425 -75.962,37.426 -75.966,37.425 -75.968,37.418 -75.976,37.418 -75.973,37.435 -75.966,37.453 -75.954,37.467 -75.926,37.478 -75.925,37.489 -75.934,37.495 -75.955,37.487 -75.952,37.516 -75.938,37.537 -75.917,37.553 -75.894,37.563 -75.935,37.576 -75.921,37.586 -75.911,37.595 -75.909,37.603 -75.922,37.611 -75.904,37.62 -75.883,37.624 -75.871,37.63 -75.886,37.645 -75.876,37.661 -75.861,37.669 -75.842,37.672 -75.819,37.673 -75.825,37.688 -75.824,37.697 -75.789,37.728 -75.79,37.733 -75.812,37.734 -75.812,37.741 -75.791,37.754 -75.777,37.767 -75.778,37.78 -75.798,37.796 -75.787,37.809 -75.775,37.808 -75.764,37.801 -75.753,37.796 -75.694,37.802 -75.704,37.811 -75.708,37.822 -75.708,37.833 -75.702,37.843 -75.695,37.845 -75.671,37.842 -75.661,37.843 -75.669,37.852 -75.674,37.862 -75.674,37.87 -75.668,37.878 -75.671,37.893 -75.689,37.904 -75.717,37.91 -75.743,37.906 -75.743,37.912 -75.719,37.928 -75.694,37.94 -75.662,37.945 -75.646,37.95 -75.633,37.96 -75.643,37.964 -75.635,37.978 -75.627,37.993 -75.62,37.998 -75.595,38.001 -75.552,38.005 -75.518,38.009 -75.469,38.014 -75.424,38.019 -75.396,38.022 -75.375,38.024 -75.378,38.012 -75.391,38.003 -75.407,37.997 -75.421,37.988 -75.426,37.977 -75.428,37.961 -75.428,37.936 -75.424,37.924 -75.42,37.917 -75.423,37.912,0.0</coordinates></LinearRing></innerBoundaryIs></Polygon><Polygon><innerBoundaryIs><LinearRing><coordinates>-75.326,37.892 -75.354,37.872 -75.387,37.871 -75.387,37.878 -75.376,37.877 -75.365,37.878 -75.355,37.881 -75.346,37.884 -75.36,37.9 -75.366,37.908 -75.363,37.912 -75.35,37.913 -75.339,37.916 -75.33,37.923 -75.325,37.933 -75.318,37.94 -75.305,37.974 -75.297,37.985 -75.278,38.008 -75.254,38.031 -75.251,38.037 -75.244,38.038 -75.234,38.039 -75.302,37.922 -75.326,37.892,0.0</coordinates></LinearRing></innerBoundaryIs></Polygon><Polygon><innerBoundaryIs><LinearRing><coordinates>-77.844,39.15 -77.836,39.144 -77.829,39.156 -77.823,39.169 -77.807,39.198 -77.782,39.244 -77.765,39.275 -77.743,39.315 -77.737,39.327 -77.735,39.331 -77.715,39.324 -77.664,39.324 -77.646,39.321 -77.604,39.308 -77.558,39.299 -77.547,39.291 -77.528,39.266 -77.509,39.256 -77.487,39.251 -77.467,39.244 -77.456,39.228 -77.46,39.208 -77.474,39.192 -77.507,39.169 -77.515,39.153 -77.509,39.137 -77.496,39.124 -77.481,39.113 -77.445,39.085 -77.422,39.074 -77.334,39.068 -77.302,39.06 -77.272,39.048 -77.25,39.03 -77.244,39.016 -77.24,39.0 -77.233,38.987 -77.22,38.981 -77.205,38.979 -77.172,38.97 -77.141,38.965 -77.13,38.957 -77.118,38.945 -77.113,38.94 -77.075,38.915 -77.066,38.906 -77.066,38.906 -77.066,38.906 -77.048,38.884 -77.044,38.878 -77.039,38.867 -77.038,38.862 -77.038,38.759 -77.042,38.734 -77.053,38.726 -77.069,38.721 -77.089,38.711 -77.099,38.707 -77.109,38.708 -77.117,38.706 -77.124,38.687 -77.131,38.687 -77.136,38.694 -77.134,38.707 -77.151,38.705 -77.161,38.695 -77.161,38.683 -77.154,38.673 -77.138,38.665 -77.139,38.655 -77.149,38.646 -77.162,38.638 -77.179,38.632 -77.189,38.632 -77.194,38.639 -77.195,38.656 -77.202,38.665 -77.216,38.665 -77.23,38.657 -77.236,38.642 -77.239,38.626 -77.247,38.609 -77.259,38.594 -77.272,38.584 -77.267,38.581 -77.263,38.575 -77.258,38.57 -77.276,38.559 -77.285,38.557 -77.285,38.549 -77.287,38.53 -77.302,38.493 -77.314,38.45 -77.305,38.413 -77.324,38.433 -77.337,38.44 -77.353,38.433 -77.342,38.421 -77.306,38.392 -77.299,38.382 -77.287,38.37 -77.285,38.362 -77.295,38.358 -77.329,38.36 -77.34,38.358 -77.34,38.351 -77.292,38.347 -77.25,38.337 -77.185,38.344 -77.167,38.348 -77.133,38.367 -77.085,38.379 -77.058,38.394 -77.035,38.403 -77.011,38.392 -77.003,38.381 -76.998,38.365 -76.998,38.348 -77.007,38.334 -77.014,38.331 -77.023,38.33 -77.041,38.331 -77.047,38.328 -77.042,38.321 -77.032,38.315 -77.028,38.313 -76.983,38.275 -76.975,38.271 -76.965,38.267 -76.956,38.263 -76.949,38.254 -76.948,38.247 -76.951,38.241 -76.953,38.235 -76.94,38.21 -76.901,38.193 -76.852,38.178 -76.812,38.172 -76.791,38.172 -76.772,38.168 -76.756,38.161 -76.75,38.148 -76.739,38.137 -76.715,38.142 -76.691,38.153 -76.681,38.159 -76.67,38.158 -76.662,38.153 -76.655,38.148 -76.647,38.145 -76.635,38.145 -76.614,38.15 -76.603,38.152 -76.594,38.149 -76.592,38.142 -76.593,38.121 -76.589,38.116 -76.565,38.098 -76.531,38.079 -76.518,38.066 -76.521,38.053 -76.533,38.043 -76.532,38.039 -76.53,38.025 -76.526,38.023 -76.49,38.029 -76.478,38.026 -76.467,38.021 -76.457,38.015 -76.449,38.008 -76.454,38.006 -76.462,38.002 -76.469,38.001 -76.459,37.996 -76.41,37.981 -76.373,37.961 -76.281,37.933 -76.261,37.924 -76.244,37.914 -76.236,37.902 -76.236,37.86 -76.24,37.836 -76.25,37.823 -76.268,37.825 -76.299,37.851 -76.315,37.858 -76.325,37.849 -76.318,37.829 -76.298,37.796 -76.294,37.781 -76.294,37.772 -76.298,37.761 -76.305,37.748 -76.309,37.746 -76.316,37.748 -76.322,37.748 -76.325,37.744 -76.317,37.732 -76.285,37.711 -76.284,37.699 -76.292,37.695 -76.304,37.694 -76.316,37.696 -76.325,37.699 -76.32,37.686 -76.325,37.68 -76.334,37.676 -76.339,37.669 -76.335,37.659 -76.321,37.644 -76.318,37.637 -76.305,37.638 -76.321,37.624 -76.349,37.628 -76.405,37.645 -76.409,37.65 -76.419,37.66 -76.43,37.667 -76.435,37.662 -76.439,37.663 -76.446,37.671 -76.454,37.684 -76.456,37.693 -76.469,37.709 -76.479,37.695 -76.49,37.658 -76.505,37.657 -76.517,37.669 -76.524,37.688 -76.524,37.699 -76.535,37.716 -76.571,37.751 -76.579,37.771 -76.583,37.777 -76.613,37.796 -76.618,37.804 -76.622,37.814 -76.628,37.818 -76.64,37.809 -76.649,37.813 -76.658,37.819 -76.662,37.829 -76.661,37.843 -76.674,37.833 -76.688,37.832 -76.701,37.837 -76.713,37.847 -76.75,37.895 -76.764,37.927 -76.825,37.953 -76.839,37.984 -76.879,38.008 -76.887,38.015 -76.915,38.07 -76.935,38.094 -76.947,38.103 -76.963,38.111 -77.007,38.118 -77.017,38.117 -77.027,38.129 -77.036,38.145 -77.047,38.16 -77.062,38.166 -77.107,38.175 -77.126,38.176 -77.134,38.166 -77.127,38.156 -77.109,38.149 -77.076,38.145 -77.063,38.15 -77.055,38.15 -77.052,38.142 -77.051,38.129 -77.047,38.119 -77.041,38.111 -77.031,38.104 -76.96,38.09 -76.949,38.08 -76.945,38.075 -76.926,38.059 -76.922,38.053 -76.913,37.996 -76.911,37.991 -76.901,37.981 -76.892,37.974 -76.88,37.97 -76.87,37.965 -76.861,37.942 -76.847,37.929 -76.831,37.918 -76.819,37.912 -76.787,37.903 -76.78,37.894 -76.778,37.874 -76.773,37.864 -76.749,37.83 -76.74,37.823 -76.736,37.82 -76.726,37.807 -76.722,37.802 -76.699,37.796 -76.688,37.79 -76.684,37.789 -76.68,37.79 -76.675,37.789 -76.674,37.785 -76.676,37.772 -76.675,37.768 -76.63,37.761 -76.62,37.757 -76.593,37.735 -76.586,37.727 -76.58,37.698 -76.579,37.696 -76.577,37.688 -76.568,37.67 -76.553,37.648 -76.541,37.636 -76.525,37.629 -76.463,37.619 -76.443,37.619 -76.428,37.624 -76.404,37.594 -76.368,37.584 -76.325,37.581 -76.284,37.57 -76.302,37.558 -76.319,37.553 -76.366,37.549 -76.393,37.542 -76.393,37.533 -76.378,37.525 -76.356,37.522 -76.323,37.501 -76.301,37.494 -76.292,37.504 -76.286,37.526 -76.272,37.524 -76.243,37.501 -76.243,37.495 -76.254,37.49 -76.268,37.481 -76.277,37.471 -76.277,37.46 -76.267,37.453 -76.256,37.453 -76.244,37.45 -76.236,37.432 -76.237,37.401 -76.261,37.346 -76.264,37.316 -76.27,37.316 -76.278,37.33 -76.319,37.371 -76.322,37.386 -76.333,37.385 -76.348,37.38 -76.366,37.385 -76.396,37.43 -76.415,37.443 -76.428,37.418 -76.417,37.415 -76.409,37.408 -76.404,37.399 -76.401,37.391 -76.412,37.395 -76.422,37.398 -76.433,37.397 -76.442,37.391 -76.447,37.38 -76.443,37.372 -76.416,37.356 -76.408,37.354 -76.403,37.35 -76.401,37.34 -76.406,37.338 -76.435,37.329 -76.435,37.323 -76.403,37.325 -76.394,37.323 -76.386,37.315 -76.377,37.301 -76.372,37.288 -76.377,37.282 -76.456,37.268 -76.475,37.273 -76.513,37.297 -76.543,37.306 -76.552,37.32 -76.562,37.323 -76.574,37.325 -76.582,37.331 -76.642,37.409 -76.658,37.418 -76.681,37.428 -76.7,37.449 -76.73,37.495 -76.781,37.536 -76.79,37.533 -76.795,37.526 -76.798,37.516 -76.798,37.504 -76.794,37.498 -76.785,37.495 -76.774,37.491 -76.765,37.487 -76.722,37.427 -76.691,37.411 -76.676,37.395 -76.655,37.364 -76.596,37.308 -76.53,37.262 -76.49,37.24 -76.466,37.231 -76.445,37.228 -76.403,37.234 -76.386,37.233 -76.373,37.22 -76.376,37.218 -76.378,37.207 -76.38,37.195 -76.38,37.185 -76.373,37.176 -76.362,37.167 -76.351,37.164 -76.346,37.176 -76.317,37.16 -76.298,37.145 -76.292,37.13 -76.303,37.126 -76.326,37.114 -76.339,37.102 -76.322,37.096 -76.281,37.104 -76.27,37.098 -76.27,37.069 -76.274,37.048 -76.283,37.028 -76.296,37.014 -76.315,37.008 -76.34,37.007 -76.357,37.005 -76.371,36.999 -76.399,36.978 -76.415,36.973 -76.429,36.976 -76.44,37.016 -76.453,37.03 -76.541,37.093 -76.559,37.092 -76.581,37.106 -76.601,37.124 -76.613,37.138 -76.62,37.145 -76.611,37.173 -76.617,37.199 -76.634,37.221 -76.655,37.234 -76.669,37.227 -76.711,37.224 -76.73,37.22 -76.735,37.213 -76.739,37.203 -76.744,37.198 -76.754,37.203 -76.758,37.211 -76.762,37.222 -76.767,37.23 -76.774,37.234 -76.792,37.237 -76.829,37.251 -76.843,37.254 -76.855,37.263 -76.857,37.282 -76.856,37.305 -76.86,37.323 -76.87,37.316 -76.873,37.305 -76.873,37.279 -76.878,37.269 -76.889,37.259 -76.908,37.248 -76.931,37.245 -76.944,37.256 -76.953,37.274 -76.982,37.312 -76.99,37.32 -77.003,37.323 -77.014,37.319 -77.045,37.298 -77.052,37.292 -77.055,37.287 -77.063,37.297 -77.07,37.31 -77.072,37.316 -77.083,37.325 -77.091,37.328 -77.1,37.327 -77.113,37.323 -77.134,37.317 -77.144,37.316 -77.155,37.318 -77.173,37.327 -77.178,37.329 -77.22,37.329 -77.235,37.334 -77.25,37.35 -77.278,37.329 -77.274,37.316 -77.265,37.311 -77.255,37.309 -77.25,37.306 -77.239,37.309 -77.175,37.288 -77.089,37.288 -77.083,37.283 -77.076,37.273 -77.067,37.267 -77.055,37.271 -77.025,37.292 -77.017,37.295 -76.995,37.288 -76.986,37.269 -76.982,37.249 -76.973,37.24 -76.951,37.235 -76.913,37.213 -76.894,37.207 -76.802,37.207 -76.788,37.2 -76.755,37.169 -76.737,37.159 -76.717,37.161 -76.689,37.189 -76.675,37.193 -76.668,37.182 -76.655,37.124 -76.654,37.063 -76.647,37.049 -76.632,37.041 -76.571,37.028 -76.571,37.022 -76.581,37.016 -76.584,37.014 -76.586,37.008 -76.58,37.004 -76.566,37.003 -76.558,37.0 -76.551,36.997 -76.537,36.987 -76.476,36.96 -76.476,36.953 -76.493,36.944 -76.491,36.933 -76.482,36.922 -76.476,36.908 -76.482,36.899 -76.496,36.887 -76.524,36.871 -76.524,36.863 -76.497,36.865 -76.476,36.875 -76.456,36.888 -76.435,36.898 -76.409,36.902 -76.381,36.901 -76.354,36.894 -76.333,36.884 -76.335,36.872 -76.325,36.861 -76.308,36.852 -76.292,36.85 -76.31,36.871 -76.318,36.884 -76.315,36.895 -76.301,36.912 -76.306,36.918 -76.317,36.923 -76.319,36.939 -76.299,36.958 -76.264,36.958 -76.169,36.928 -76.118,36.925 -76.078,36.912 -76.046,36.912 -76.018,36.919 -75.994,36.917 -75.976,36.891 -75.956,36.808 -75.863,36.591 -75.853,36.549 -75.867,36.549 -75.88,36.549 -75.886,36.563 -75.884,36.574 -75.88,36.585 -75.88,36.596 -75.884,36.605 -75.896,36.617 -75.901,36.624 -75.922,36.695 -75.928,36.706 -75.935,36.712 -75.947,36.719 -75.958,36.72 -75.963,36.709 -75.976,36.606 -75.968,36.552 -75.967,36.55 -76.013,36.55 -76.045,36.59 -76.044,36.576 -76.04,36.567 -76.035,36.56 -76.032,36.55 -76.058,36.55 -76.206,36.551 -76.381,36.553 -76.555,36.554 -76.73,36.556 -76.905,36.557 -77.079,36.558 -77.254,36.56 -77.429,36.561 -77.603,36.562 -77.778,36.564 -77.952,36.565 -78.127,36.567 -78.302,36.568 -78.476,36.569 -78.651,36.571 -78.825,36.572 -79.0,36.573 -79.175,36.575 -79.349,36.576 -79.524,36.577 -79.699,36.579 -79.873,36.58 -80.048,36.582 -80.222,36.583 -80.397,36.584 -80.572,36.586 -80.746,36.587 -80.921,36.588 -81.095,36.59 -81.27,36.591 -81.445,36.592 -81.619,36.594 -81.642,36.594 -81.648,36.596 -81.652,36.599 -81.659,36.61 -81.752,36.613 -81.837,36.615 -81.905,36.618 -81.914,36.617 -81.923,36.615 -81.945,36.6 -81.952,36.597 -82.001,36.597 -82.105,36.598 -82.209,36.598 -82.313,36.598 -82.417,36.599 -82.522,36.599 -82.626,36.6 -82.73,36.6 -82.834,36.601 -82.938,36.601 -83.042,36.601 -83.147,36.602 -83.251,36.602 -83.355,36.603 -83.459,36.603 -83.563,36.604 -83.667,36.604 -83.623,36.635 -83.604,36.642 -83.597,36.643 -83.509,36.669 -83.413,36.676 -83.402,36.679 -83.395,36.683 -83.382,36.691 -83.342,36.709 -83.24,36.737 -83.137,36.75 -83.129,36.753 -83.123,36.757 -83.121,36.762 -83.121,36.767 -83.123,36.776 -83.122,36.78 -83.12,36.783 -83.108,36.794 -83.101,36.802 -83.082,36.835 -83.062,36.852 -83.056,36.855 -83.05,36.856 -83.007,36.856 -82.945,36.876 -82.884,36.894 -82.869,36.901 -82.865,36.905 -82.862,36.909 -82.859,36.914 -82.857,36.919 -82.855,36.924 -82.854,36.939 -82.854,36.95 -82.855,36.955 -82.855,36.972 -82.849,36.98 -82.839,36.988 -82.815,37.003 -82.727,37.038 -82.717,37.043 -82.712,37.047 -82.709,37.052 -82.707,37.057 -82.705,37.063 -82.704,37.069 -82.705,37.091 -82.709,37.107 -82.708,37.113 -82.7,37.123 -82.682,37.137 -82.633,37.164 -82.527,37.206 -82.448,37.237 -82.376,37.265 -82.351,37.279 -82.265,37.337 -82.169,37.401 -82.107,37.443 -82.021,37.501 -81.965,37.539 -81.957,37.532 -81.954,37.528 -81.951,37.523 -81.95,37.518 -81.95,37.512 -81.951,37.507 -81.952,37.503 -81.953,37.501 -81.954,37.5 -81.978,37.485 -81.981,37.481 -81.984,37.477 -81.984,37.472 -81.982,37.468 -81.978,37.465 -81.942,37.446 -81.938,37.443 -81.935,37.44 -81.933,37.436 -81.931,37.431 -81.93,37.426 -81.929,37.421 -81.929,37.415 -81.933,37.391 -81.933,37.385 -81.933,37.38 -81.931,37.375 -81.927,37.371 -81.923,37.367 -81.875,37.34 -81.866,37.334 -81.862,37.33 -81.859,37.326 -81.851,37.307 -81.848,37.303 -81.844,37.299 -81.835,37.292 -81.824,37.286 -81.82,37.286 -81.807,37.285 -81.793,37.285 -81.772,37.283 -81.763,37.281 -81.757,37.278 -81.752,37.275 -81.747,37.272 -81.744,37.268 -81.73,37.252 -81.722,37.244 -81.717,37.241 -81.682,37.227 -81.657,37.212 -81.645,37.209 -81.584,37.205 -81.56,37.206 -81.553,37.209 -81.546,37.213 -81.494,37.257 -81.487,37.261 -81.479,37.264 -81.464,37.268 -81.424,37.271 -81.417,37.274 -81.409,37.28 -81.397,37.291 -81.391,37.298 -81.387,37.306 -81.38,37.322 -81.377,37.326 -81.372,37.331 -81.364,37.335 -81.351,37.335 -81.343,37.334 -81.337,37.331 -81.332,37.327 -81.313,37.304 -81.307,37.299 -81.302,37.296 -81.25,37.27 -81.242,37.264 -81.238,37.261 -81.235,37.257 -81.232,37.25 -81.229,37.247 -81.227,37.245 -81.224,37.244 -81.213,37.247 -81.132,37.28 -81.028,37.291 -81.02,37.293 -80.992,37.304 -80.983,37.305 -80.975,37.304 -80.961,37.295 -80.955,37.294 -80.948,37.295 -80.882,37.326 -80.877,37.33 -80.871,37.336 -80.865,37.346 -80.864,37.353 -80.864,37.359 -80.879,37.38 -80.881,37.385 -80.881,37.391 -80.881,37.397 -80.879,37.402 -80.876,37.407 -80.873,37.412 -80.867,37.417 -80.86,37.421 -80.846,37.425 -80.836,37.426 -80.827,37.425 -80.799,37.42 -80.796,37.419 -80.793,37.417 -80.791,37.415 -80.791,37.407 -80.789,37.403 -80.784,37.401 -80.767,37.398 -80.762,37.396 -80.758,37.393 -80.755,37.39 -80.753,37.386 -80.75,37.384 -80.747,37.382 -80.744,37.382 -80.736,37.383 -80.731,37.385 -80.686,37.407 -80.641,37.428 -80.593,37.446 -80.551,37.462 -80.528,37.468 -80.504,37.47 -80.497,37.47 -80.487,37.468 -80.483,37.464 -80.482,37.46 -80.481,37.457 -80.481,37.448 -80.481,37.443 -80.479,37.438 -80.476,37.434 -80.473,37.431 -80.468,37.429 -80.463,37.428 -80.458,37.428 -80.452,37.429 -80.446,37.433 -80.416,37.454 -80.294,37.509 -80.29,37.514 -80.286,37.519 -80.286,37.53 -80.29,37.535 -80.301,37.541 -80.305,37.544 -80.308,37.548 -80.309,37.553 -80.309,37.557 -80.306,37.564 -80.302,37.571 -80.291,37.579 -80.284,37.584 -80.277,37.587 -80.261,37.593 -80.24,37.604 -80.231,37.611 -80.227,37.615 -80.225,37.622 -80.226,37.631 -80.229,37.636 -80.233,37.64 -80.262,37.651 -80.273,37.657 -80.286,37.667 -80.288,37.669 -80.289,37.671 -80.289,37.675 -80.285,37.685 -80.248,37.739 -80.22,37.782 -80.217,37.789 -80.208,37.812 -80.207,37.815 -80.164,37.853 -80.129,37.885 -80.087,37.923 -80.032,37.973 -80.0,38.002 -79.967,38.053 -79.943,38.089 -79.921,38.145 -79.92,38.151 -79.922,38.161 -79.922,38.169 -79.92,38.174 -79.917,38.179 -79.87,38.213 -79.848,38.235 -79.838,38.242 -79.816,38.254 -79.799,38.268 -79.795,38.274 -79.792,38.28 -79.793,38.285 -79.794,38.29 -79.798,38.3 -79.799,38.305 -79.797,38.315 -79.792,38.322 -79.782,38.332 -79.777,38.341 -79.773,38.35 -79.769,38.355 -79.765,38.359 -79.746,38.364 -79.736,38.369 -79.731,38.375 -79.721,38.405 -79.716,38.413 -79.699,38.43 -79.695,38.437 -79.693,38.442 -79.691,38.484 -79.689,38.498 -79.688,38.501 -79.669,38.522 -79.665,38.529 -79.663,38.535 -79.663,38.54 -79.663,38.545 -79.662,38.553 -79.66,38.563 -79.654,38.58 -79.649,38.588 -79.642,38.592 -79.636,38.592 -79.552,38.568 -79.55,38.566 -79.547,38.564 -79.544,38.561 -79.505,38.505 -79.502,38.501 -79.502,38.499 -79.502,38.496 -79.503,38.492 -79.507,38.484 -79.508,38.481 -79.507,38.48 -79.504,38.479 -79.458,38.467 -79.412,38.455 -79.36,38.441 -79.297,38.425 -79.29,38.424 -79.284,38.427 -79.28,38.43 -79.245,38.469 -79.22,38.496 -79.202,38.515 -79.196,38.524 -79.19,38.534 -79.176,38.568 -79.175,38.571 -79.173,38.575 -79.173,38.577 -79.171,38.58 -79.162,38.613 -79.159,38.619 -79.155,38.626 -79.146,38.637 -79.136,38.645 -79.125,38.652 -79.11,38.659 -79.103,38.664 -79.098,38.668 -79.096,38.672 -79.086,38.729 -79.084,38.735 -79.079,38.743 -79.061,38.762 -79.057,38.769 -79.054,38.775 -79.053,38.78 -79.048,38.788 -79.041,38.797 -78.999,38.842 -78.994,38.846 -78.988,38.846 -78.959,38.83 -78.916,38.806 -78.881,38.787 -78.874,38.785 -78.868,38.788 -78.862,38.793 -78.833,38.827 -78.797,38.869 -78.766,38.904 -78.743,38.93 -78.738,38.933 -78.733,38.933 -78.729,38.93 -78.726,38.927 -78.724,38.923 -78.72,38.919 -78.716,38.917 -78.711,38.916 -78.705,38.916 -78.697,38.917 -78.674,38.926 -78.666,38.93 -78.661,38.934 -78.654,38.943 -78.643,38.96 -78.637,38.969 -78.631,38.972 -78.623,38.975 -78.613,38.977 -78.596,38.981 -78.588,38.985 -78.581,38.99 -78.556,39.016 -78.55,39.024 -78.55,39.028 -78.55,39.031 -78.552,39.035 -78.551,39.039 -78.549,39.043 -78.532,39.064 -78.493,39.101 -78.453,39.126 -78.42,39.157 -78.416,39.162 -78.414,39.166 -78.413,39.171 -78.414,39.176 -78.418,39.19 -78.419,39.195 -78.419,39.201 -78.418,39.207 -78.416,39.213 -78.41,39.229 -78.409,39.235 -78.408,39.24 -78.409,39.251 -78.41,39.255 -78.411,39.26 -78.411,39.264 -78.409,39.269 -78.407,39.273 -78.404,39.278 -78.373,39.312 -78.359,39.331 -78.354,39.342 -78.353,39.348 -78.351,39.359 -78.351,39.37 -78.357,39.4 -78.358,39.41 -78.355,39.418 -78.35,39.428 -78.336,39.445 -78.322,39.451 -78.306,39.441 -78.25,39.405 -78.193,39.37 -78.137,39.334 -78.081,39.299 -78.024,39.263 -77.968,39.228 -77.911,39.192 -77.855,39.157 -77.844,39.15,0.0</coordinates></LinearRing></innerBoundaryIs></Polygon></MultiGeometry><ExtendedData><Data name="objectid"><value>76</value></Data><Data name="vertexcou"><value>1326.00000000000</value></Data><Data name="iso"><value>USA</value></Data><Data name="name_0"><value>United States of America</value></Data><Data name="name_1"><value>Virginia</value></Data><Data name="varname_1"><value>VA</value></Data><Data name="hasc_1"><value>US.VA</value></Data><Data name="type_1"><value>State</value></Data><Data name="engtype_1"><value>State</value></Data><Data name="validfr_1"><value>18630619</value></Data><Data name="validto_1"><value>Present</value></Data><Data name="provnumber"><value>12</value></Data><Data name="nev_countr"><value>United States</value></Data><Data name="fips_1"><value>US51</value></Data><Data name="gadm_level"><value>1.00000000000</value></Data><Data name="checkme"><value>0</value></Data><Data name="region_cod"><value>South</value></Data><Data name="region_c_1"><value>South Atlantic</value></Data><Data name="scalerank"><value>0</value></Data><Data name="region_c_2"><value/></Data><Data name="region_c_3"><value/></Data><Data name="country_pr"><value/></Data><Data name="datarank"><value>1</value></Data><Data name="abbrev"><value>Va.</value></Data><Data name="postal"><value>VA</value></Data><Data name="area_sqkm"><value>102867.50000000000</value></Data><Data name="sameascity"><value>-99</value></Data><Data name="adm0_a3"><value>USA</value></Data><Data name="map_color"><value>1</value></Data><Data name="labelrank"><value>0</value></Data><Data name="shape_leng"><value>33.74785311850</value></Data><Data name="shape_area"><value>10.48663802590</value></Data><Data name="Inverted_kml_4326"><value/></Data></ExtendedData></Placemark></Folder></Document></kml>'
html,
body,
#map_canvas {
height: 100%;
width: 100%;
padding: 0px;
margin: 0px;
}
<script src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCkUOdZ5y7hMm0yrcCQoCvLwzdM6M8s5qk&libraries=places"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/geocodezip/geoxml3#master/polys/geoxml3.js"></script>
<script type="text/javascript" src="https://cdn.jsdelivr.net/gh/geocodezip/geoxml3#master/ProjectedOverlay.js"></script>
<div id="map_canvas"></div>
Now google maps provide method addGeoJson to the map so it's better to convert KML to geojson
you can this tool for this step
https://mapbox.github.io/togeojson/
Then in the coordinates array add this array as a first input in coordinates
[
[0, 90],
[180, 90],
[180, -90],
[0, -90],
[-180, -90],
[-180, 0],
[-180, 90],
[0, 90]
]
It'll do the inversions and you can find examples here
https://github.com/minaalfy/city-map