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