谷歌地图代码可以运行在Excel'
Can Google Maps code run in Excel's Webbrowser control?
我用谷歌地图API写了一个小脚本,它在Chrome或IE上都运行得很好。然而,当我试图使用Excel的Webbrowser控件来运行地图时,它显示了一个错误消息,页面无法正常加载。
我不知道那里发生了什么。我怀疑我的JavaScript/HTML代码有问题,因为我以前根本没有这两种语言的经验。excel提供的错误信息为:
此页面上的脚本出现错误。线:0,字符:0,错误:脚本错误,代码:0,URL: https://maps.gstatic.com/maps-api-v3/api/js/21/7/intl/en_au/main.js "
我的想法是有一些错误的HTML部分,但我不确定。
我的代码是<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Circle & Info</title>
<style>
html, body, #map-canvas {
height: 100%;
margin: 0px;
padding: 0px
}
</style>
<script src="https://maps.googleapis.com/maps/api/js?v=3.exp&signed_in=true"></script>
<script>
var locations = [
['St. Martin Catholic School', ' 4228', 42.9698, -81.2537, ' 266', ' 386', 'FE7569', '-1', ''],
['St. John Catholic French Immersion School', ' 4045', 42.97827, -81.2335, ' 350', ' 334', 'FE7569', '-1', ''],
['St. Mary Choir Catholic School', ' 4244', 42.988, -81.2284, ' 231', ' 311', 'FE7569', '-1', ''],
['Holy Rosary Catholic School', ' 3312', 42.9663, -81.2302, ' 165', ' 234', 'FE7569', '-1', ''],
['St. Michael Catholic School, London', ' 4301', 43.0042, -81.2446, ' 182', ' 268', 'FE7569', '-1', ''],
['New School', ' 99999',42.9809401, -81.2548567, ' ', ' 100', '9', '0', 'Not']
];
var markers = [];
var map;
var circles = [];
var radius;
function initialize() {
radius = document.getElementById("radius_value").value;
if (radius == "" || isNaN(radius)) {
radius = 2;
}
radius = Number(radius * 1000);
var myOptions = {
center: new google.maps.LatLng(42.9809401, -81.2548567),
zoom: 8,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("default"), myOptions);
setMarkers(radius);
}
var bounds = new google.maps.LatLngBounds();
function setMarkers(radius) {
var i;
for (i = 0; i != markers.length; ++i) {
markers[i].setMap(null);
}
for (i = 0; i < locations.length; i++) {
var name = locations[i][0];
var sfis = locations[i][1];
var lat = locations[i][2];
var long = locations[i][3];
var ade = locations[i][4];
var otg = locations[i][5];
var pinColor = locations[i][6];
var Indicator = locations[i][7];
var Duplicate = locations[i][8];
var latlngset = new google.maps.LatLng(lat, long);
var pinImage;
if (Indicator==0){
pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_xpin_letter&chld=pin|N|"+pinColor,
new google.maps.Size(21, 34),
new google.maps.Point(0, 0),
new google.maps.Point(10, 34));
} else if (Indicator==-1) {
if (Duplicate=="Duplicate") {
pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_xpin_letter&chld=pin_sleft|"+(i+1)+"|"+pinColor,
new google.maps.Size(50, 34),
new google.maps.Point(0, 0),
new google.maps.Point(20, 34));
} else {
pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_xpin_letter&chld=pin|"+(i+1)+"|"+pinColor,
new google.maps.Size(50, 34),
new google.maps.Point(0, 0),
new google.maps.Point(10, 34));
}
} else {
if (Duplicate =="Duplicate") {
pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_xpin_letter&chld=pin_sright|"+Indicator+"|"+pinColor,
new google.maps.Size(50, 50),
new google.maps.Point(0, 0),
new google.maps.Point(0, 34));
} else {
pinImage = new google.maps.MarkerImage("http://chart.apis.google.com/chart?chst=d_map_xpin_letter&chld=pin|"+Indicator+"|"+pinColor,
new google.maps.Size(50, 50),
new google.maps.Point(0, 0),
new google.maps.Point(10, 34));}
}
var marker = new google.maps.Marker({
map: map,
title: name,
draggable:true,
position: latlngset,
icon: pinImage,
animation: google.maps.Animation.DROP
});
markers.push(marker);
map.setCenter (marker.getPosition())
var populationOptions = {
strokeColor: '#FF0000',
strokeOpacity: 0.2,
strokeWeight: 2,
fillColor: '#FF0000',
fillOpacity: 0.1,
map: map,
center: latlngset,
radius: radius
};
var content = '<div id="content">' +
'<h1 id="firstHeading" class="firstHeading">' + name +'</h1>' +
'<div id="bodyContent">' +
'<p><b>SFIS ID:</b>' + sfis + '</p>' +
'<p><b>ADE:</b>' + ade + '</p>' +
'<p><b>OTG:</b>' + otg + '</p>' +
'</div>' +
'</div>';
var infowindow = new google.maps.InfoWindow()
google.maps.event.addListener(marker, 'click', (function(marker, content, infowindow) {
return function() {
infowindow.setContent(content);
infowindow.open(map, marker);
};
})(marker, content, infowindow));
new google.maps.Circle(populationOptions);
bounds.extend(markers[i].position);
map.fitBounds(bounds);
}
}
google.maps.event.addDomListener(window, 'load', initialize);
</script>
</head>
<body onload="initialize()">
<div style="position:fixed;top:10px;right:200px;z-index:2000">
<input type="text" id="radius_value">
<button onclick="initialize()">Change Radius (km)</button>
</div>
<div id="default" style="width:100%; height:100%"></div>
</body>
</html>
我认为你的html代码看起来很好,你的excel代码可能是问题我已经把你的文件上传到我的服务器了在你的webcontrol
中试试下面的代码WebBrowser1.Navigate ("about:blank")
WebBrowser1.Navigate ("www.rachelgallen.com/googlemap.html")
或
在你的页面上放一个cmd按钮。将url输入到web控件上方的单元格中。在cmd按钮的代码中,声明一个变量,例如linkname,并将其设置为Range(单元格)。然后,键入(例如,Sheet1是工作表的名称,C1是键入URL的地方)
linkname=Sheets("Sheet1").Range(C1)
Call Sheets("Sheet1").WebControl1.Navigate (linkname)
,看看是否可以
相关文章:
- 如何使用phaser使html5游戏在移动设备浏览器上运行
- 使用压缩的JavaScript文件(不是运行时压缩)
- Javascript运行php文件,然后下载文件
- chrome扩展:尽管运行了at:documentidle,js脚本还是过早启动
- 我已经创建了一个jquery转盘,并使用if条件来运行和停止转盘
- Angularjs代码未在匿名函数中运行
- jquery设置为使用参数运行
- 如何根据时间运行不同的脚本
- 将HTML表格导出到excel时,无法将数据加载到excel文件中
- Meteor方法在客户端返回null,在客户端运行的相同方法返回正确的值
- 将文本框链接到由按钮运行的javascript公式
- 在Microsoft Surface(Excel VBA)上运行GetJSObject时失败
- 升级的 Excel 和现在的 Visual Studio 不允许我运行我的外接程序项目
- VBA Excel 运行 JavaScript 表单事件
- Excel VBA将数据发送到运行HOW的网页
- 在Excel电子表格中运行JQuery地理定位脚本
- 预计& # 39;;& # 39;当尝试运行excel宏与jscript
- 试图从运行javascript的html应用程序调用excel宏
- 重新运行写入Excel文件的程序会抛出空指针异常
- 谷歌地图代码可以运行在Excel'