Здесь я просто говорю вам, как использовать API Google Maps. Это считается способом привлечь внимание. По некоторым причинам Google был вдали от всех.
Кода -копия выглядит следующим образом:
<! Doctype html>
<html>
<голова>
<title> geolocation </title>
<meta name = "viewport" content = "initial-scale = 1.0, user scalbable = no">
<meta charset = "utf-8">
<style>
html, body, #map-canvas {
поля: 0;
Заполнение: 0;
высота: 100%;
}
</style>
<script src = "https://maps.googleapis.com/maps/api/js?v=3.exp&sensor=false"> </script>
<Скрипт>
карта var;
var poly;
функция инициализировать () {
var mylatlng = new Google.maps.latlng (31.1937077, 121.4158436);
VAR местоположения = [
['test1, Точность: 150m', 31.1937077, 121.4158436, 100],
['test2, Точность: 150M', 31.2937077, 121.4158436, 100],
['test3, Точность: 150M', 31.0937077, 121.2158436, 100],
['test4, Точность: 150m', 31.3937077, 120,4158436, 100],
['test5, Точность: 150m', 31.1637077, 120,4858436, 100],
['test6, Точность: 150M', 31.1037077, 121.5158436, 100]
];
var mapoptions = {
Увеличение: 13,
Центр: mylatlng,
Maptypeid: Google.maps.maptypeid.roadmap
};
map = new Google.maps.map (document.getElementByid ('map-canvas'),
mapoptions);
// настройки строки
var polyoptions = {
StrokeColor: '#00ff00', // Цвет
ScloseOpacity: 1.0, // Прозрачность
Весвой вес: 4 // ширина
}
poly = new Google.maps.polyline (Polyoptions);
poly.setMap (map); // Нагрузка
/* Целье, чтобы отметить все координаты*/
/*for (var i = 0; i <locations.length; i ++) {
var loc = [];
loc.push (локации [i] [1]);
loc.push (локации [i] [2]);
var path = poly.getPath (); // Получить координаты линии
path.push (новый google.maps.latlng (loc [0], loc [1])); // Добавить координаты марки в строки
// генерировать значок тега
marker = new Google.maps.marker ({
Позиция: new Google.maps.latlng (loc [0], loc [1]),
Карта: карта
// значок: "https://maps.gstatic.com/mapfiles/markers/marker_green.png"
});
}*/
Var Marker, I, Circle;
var iwarray = [];
var Infowindow;
var latlngbounds = new Google.maps.latlngbounds ();
var iconyellow = new Google.maps.markerimage ("http://maps.google.com/mapfiles/ms/icons/yellow-dot.png");
for (i = 0; i <locations.length; i ++) {
var loc = [];
loc.push (локации [i] [1]);
loc.push (локации [i] [2]);
var path = poly.getPath (); // Получить координаты линии
path.push (новый google.maps.latlng (loc [0], loc [1]));
var latlng = new Google.maps.latlng (местоположения [i] [1], местоположения [i] [2]);
latlngbounds.extend (latlng);
if (locations [i] [0] .indexof ("[[cached") == 0 || (локации [i] [0] .indexof ("[multip") == 0 && местоположения [i] [0] .indexof ("[Cached")> = 0)) {
marker = new Google.maps.marker ({
позиция: latlng,
Карта: карта,
Значок: Iconyellow
});
var iw = '<div style = "font-size: 12px; word-wrap: break-word; word-break: break-all;"> <strong> <font color = "#ff0000">' + locations [i] [0] + '<font> </strong> <div>';
} еще {
marker = new Google.maps.marker ({
позиция: latlng,
Карта: карта
});
var iw = '<div style = "font-size: 12px; word-wrap: break-word; Word-Break: Break-All;"> <strong> <font color = "#000000">' + locations [i] [0] + '<font> </strong> <div>';
}
iwarray [i] = iw;
google.maps.event.addlistener (marker, 'mouseover', (function (marker, i) {
return function () {
Infowindow = new Google.maps.infowindow ({
Содержание: iwarray [i],
Максимидта: 200,
Pixeloffset: new Google.maps.size (0, 0)
});
Infowindow.open (Map, Marker);
}
}) (маркер, i));
google.maps.event.addlistener (marker, 'mouseout', function () {
Infowindow.close ();
});
circle = new Google.maps.circle ({
Карта: карта,
радиус: местоположения [i] [3],
FillColor: '#0000AA',
Filespacity: 0,01,
Весвой вес: 1,
StrokeColor: '#0000CC',
ScloseOpacity: 0,8
});
circle.bindto («Центр», маркер, «позиция»);
}
map.fitbounds (latlngbounds);
var uliseer = Google.maps.event.addlisteneronce (map, "idle", function ()
{
var Zoomlevel = parseint (map.getzoom ());
if (Zoomlevel> 13)
map.setzoom (13);
});
}
google.maps.event.adddomlistener (Window, 'Load', инициализация);
</script>
</head>
<тело>
<div id = "map-canvas"> </div>
</body>
</html>