Я использую приведенный ниже HTML-код для использования карт Google в WebBrowser в моем приложении WinForms.
<!DOCTYPE html>
<html>
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<style>
#map {
height: 600px;
width: 100%;
}
</style>
</head>
<body>
<div id="map"></div>
<script>
var map;
var prevLat = 0;
var prevLon = 0;
function initMap() {
var centerPoint = {lat: 12.9716, lng: 77.5946};
map = new google.maps.Map(document.getElementById('map'), {
zoom: 15,
center: centerPoint
});
}
function AddPoint(latitude, longitude, heading, fixTypeColor, portNumber){
if(prevLat == 0 && prevLon == 0)
{
var Coordinates = [
{lat: latitude, lng: longitude}
];
}
else
{
var Coordinates = [
{lat: prevLat, lng: prevLon},
{lat: latitude, lng: longitude}
];
}
prevLat = latitude;
prevLon = longitude;
var newPoint = {lat: latitude, lng: longitude};
var lineSymbol = {
path: google.maps.SymbolPath.FORWARD_OPEN_ARROW,
rotation: heading
};
var polyLine = new google.maps.Polyline({
map: map,
path: Coordinates,
icons: [{
icon: lineSymbol,
fixedRotation: true,
offset: '100%'
}],
geodesic: true,
strokeColor: fixTypeColor,
strokeOpacity: 1.0,
strokeWeight: 2
});
map.panTo(newPoint);
}
</script>
<script async defer
src="https://maps.googleapis.com/maps/api/js?key=my_key&callback=initMap">
</script>
</body>
</html>
При запуске WebBrowser появляется следующая ошибка:
Строка: 48Char: 5 Ошибка: «Google» не определен. Код: 0
Однако после нажатия кнопки «Да» для этого исключения карта работает нормально.
Пожалуйста, помогите мне исправить это исключение.
PS Я заменил ключ API Google Maps JavaScript на «my_key».