Javascript 在美国地图中嵌入州轮廓图

Javascript 在美国地图中嵌入州轮廓图,javascript,google-maps,google-maps-api-3,Javascript,Google Maps,Google Maps Api 3,作为我的后续工作,我想在我的地图中嵌入一个州地图大纲(印第安纳州),我尝试了几种方法,并在谷歌上搜索了许多不同的方法。我发现最接近于在谷歌上嵌入一个大纲的地方,我已经问了一个问题,并且得到了JSFIDLE的回复,这要感谢geocodezip,但我无法将它添加到我的美国地图中。在状态图大纲的链接中,我有Java脚本代码,但不管出于什么原因,我无法添加大纲代码,尽管我对它进行了大量的修改 所以我不会上传我的flightpath图像。我已经被困在这个问题上好几个星期了,我想把州轮廓图嵌入其中,就像这把

作为我的后续工作,我想在我的地图中嵌入一个州地图大纲(印第安纳州),我尝试了几种方法,并在谷歌上搜索了许多不同的方法。我发现最接近于在谷歌上嵌入一个大纲的地方,我已经问了一个问题,并且得到了JSFIDLE的回复,这要感谢geocodezip,但我无法将它添加到我的美国地图中。在状态图大纲的链接中,我有Java脚本代码,但不管出于什么原因,我无法添加大纲代码,尽管我对它进行了大量的修改

所以我不会上传我的flightpath图像。我已经被困在这个问题上好几个星期了,我想把州轮廓图嵌入其中,就像这把小提琴所证明的那样

function myMap() {
  var dfw = new google.maps.LatLng(32.899809, -97.040335);

  var yul = new google.maps.LatLng(45.469738, -73.744919);

  var mapCanvas = document.getElementById("map");
  var mapOptions = {
    center: dfw,
    zoom: 4
  };
  var map = new google.maps.Map(mapCanvas, mapOptions);


  var marker = new google.maps.Marker({
    position: dfw,
    animation: google.maps.Animation.BOUNCE,
    title: 'Click to zoom'
  });
  marker.setMap(map);
  google.maps.event.addListener(marker, 'click', function() {
    var infowindow = new google.maps.InfoWindow({
      content: "DFW International Airport!"
    });
    infowindow.open(map, marker);
  });

  var marker2 = new google.maps.Marker({
    position: yul,
    icon: "pinkball.png",
    animation: google.maps.Animation.BOUNCE,
    title: 'Click to zoom'
  });
  marker2.setMap(map);
  google.maps.event.addListener(marker2, 'click', function() {
    var infowindow = new google.maps.InfoWindow({
      content: "Montréal–Pierre Elliott Trudeau International Airport!"
    });
    infowindow.open(map, marker2);
  });

  marker.addListener('click', function() {
    map.setZoom(15);
    map.setCenter(marker.getPosition());
  });

  marker.setMap(map);

  marker2.addListener('click', function() {
    map.setZoom(15);
    map.setCenter(marker2.getPosition());
  });

  marker2.setMap(map);

  var flightPath = new google.maps.Polyline({
    path: [dfw, yul],
    strokeColor: "#0000FF",
    strokeOpacity: 0.8,
    strokeWeight: 2
  });
  flightPath.setMap(map);
}

是我想嵌入到页面中的大纲的JSFIDLE

下面是我想嵌入到页面中的大纲的JSFIDLE。除非你为w3schools工作,否则你不应该要求我们调试他们网站上的代码。换句话说,发布你的代码你应该在你的问题中加入你的评论(可能还有一个说明问题的,并指出你遇到的错误,如果有的话)我可以很容易地使用JSFIDLE或codepen…我附加了W3schools链接,这样你就可以看到flightpath的样子…读我写的…我说了我的地图…这是我想嵌入页面的大纲的JSFIDLE。除非你为w3schools工作,否则你不应该要求我们调试他们网站上的代码。换句话说,发布你的代码你应该在你的问题中加入你的评论(可能还有一个说明问题的,并指出你遇到的错误,如果有的话)我可以很容易地使用JSFIDLE或codepen…我附加了W3schools链接,以便您可以看到flightpath的外观…阅读我写的…我说了我的地图。。。。