Putting TopoJSON on a Google Map

<!DOCTYPE html>
<html>
<head>
  <title>HTML5</title>
  <meta charset="utf-8" />
  <meta name="viewport" content="width=650, user-scalable=yes">

<style>

html, body {
      height: 100%;
      margin: 0;
    }

#mapcanvas{

height:100%;
    }

</style>

var geoJsonObject;
   var thejson;

$(document).ready(function(){

var mapOptions = {
    zoom: 5,
    center: new google.maps.LatLng(38.284335, -120.833818),
    mapTypeId: google.maps.MapTypeId.TERRAIN
  };

map=new google.maps.Map($('#mapcanvas')[0], mapOptions);

//county.json is a topojson file

$.getJSON("county.json", function(data){
        geoJsonObject = topojson.feature(data, data.objects.county)
        map.data.addGeoJson(geoJsonObject); 
      });

});//end document ready

</script>
 
</head>
<body>
  <div id="mapcanvas">
  </div>
</body>

</html>

Modified http://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js to a secure url

Modified http://d3js.org/topojson.v1.min.js to a secure url

https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false

https://ajax.googleapis.com/ajax/libs/jquery/1.4.1/jquery.min.js

https://d3js.org/topojson.v1.min.js