305 lines
8.4 KiB
HTML
305 lines
8.4 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<title>gmaps.static.js - Documentation</title>
|
|
|
|
<script src="scripts/prettify/prettify.js"></script>
|
|
<script src="scripts/prettify/lang-css.js"></script>
|
|
<!--[if lt IE 9]>
|
|
<script src="//html5shiv.googlecode.com/svn/trunk/html5.js"></script>
|
|
<![endif]-->
|
|
<link type="text/css" rel="stylesheet" href="https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
|
|
<link type="text/css" rel="stylesheet" href="styles/prettify.css">
|
|
<link type="text/css" rel="stylesheet" href="styles/jsdoc.css">
|
|
</head>
|
|
<body>
|
|
|
|
<input type="checkbox" id="nav-trigger" class="nav-trigger" />
|
|
<label for="nav-trigger" class="navicon-button x">
|
|
<div class="navicon"></div>
|
|
</label>
|
|
|
|
<label for="nav-trigger" class="overlay"></label>
|
|
|
|
<nav>
|
|
<h2><a href="index.html">Home</a></h2><h3>Classes</h3><ul><li><a href="GMaps.html">GMaps</a><ul class='methods'><li data-type='method'><a href="GMaps.html#addControl">addControl</a></li><li data-type='method'><a href="GMaps.html#fitLatLngBounds">fitLatLngBounds</a></li><li data-type='method'><a href="GMaps.html#fitZoom">fitZoom</a></li><li data-type='method'><a href="GMaps.html#getElement">getElement</a></li><li data-type='method'><a href="GMaps.html#hideContextMenu">hideContextMenu</a></li><li data-type='method'><a href="GMaps.html#refresh">refresh</a></li><li data-type='method'><a href="GMaps.html#removeControl">removeControl</a></li><li data-type='method'><a href="GMaps.html#setCenter">setCenter</a></li><li data-type='method'><a href="GMaps.html#setContextMenu">setContextMenu</a></li><li data-type='method'><a href="GMaps.html#zoomIn">zoomIn</a></li><li data-type='method'><a href="GMaps.html#zoomOut">zoomOut</a></li></ul></li></ul>
|
|
</nav>
|
|
|
|
<div id="main">
|
|
|
|
<h1 class="page-title">gmaps.static.js</h1>
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
<section>
|
|
<article>
|
|
<pre class="prettyprint source linenums"><code>GMaps.prototype.toImage = function(options) {
|
|
var options = options || {},
|
|
static_map_options = {};
|
|
|
|
static_map_options['size'] = options['size'] || [this.el.clientWidth, this.el.clientHeight];
|
|
static_map_options['lat'] = this.getCenter().lat();
|
|
static_map_options['lng'] = this.getCenter().lng();
|
|
|
|
if (this.markers.length > 0) {
|
|
static_map_options['markers'] = [];
|
|
|
|
for (var i = 0; i < this.markers.length; i++) {
|
|
static_map_options['markers'].push({
|
|
lat: this.markers[i].getPosition().lat(),
|
|
lng: this.markers[i].getPosition().lng()
|
|
});
|
|
}
|
|
}
|
|
|
|
if (this.polylines.length > 0) {
|
|
var polyline = this.polylines[0];
|
|
|
|
static_map_options['polyline'] = {};
|
|
static_map_options['polyline']['path'] = google.maps.geometry.encoding.encodePath(polyline.getPath());
|
|
static_map_options['polyline']['strokeColor'] = polyline.strokeColor
|
|
static_map_options['polyline']['strokeOpacity'] = polyline.strokeOpacity
|
|
static_map_options['polyline']['strokeWeight'] = polyline.strokeWeight
|
|
}
|
|
|
|
return GMaps.staticMapURL(static_map_options);
|
|
};
|
|
|
|
GMaps.staticMapURL = function(options){
|
|
var parameters = [],
|
|
data,
|
|
static_root = (location.protocol === 'file:' ? 'http:' : location.protocol ) + '//maps.googleapis.com/maps/api/staticmap';
|
|
|
|
if (options.url) {
|
|
static_root = options.url;
|
|
delete options.url;
|
|
}
|
|
|
|
static_root += '?';
|
|
|
|
var markers = options.markers;
|
|
|
|
delete options.markers;
|
|
|
|
if (!markers && options.marker) {
|
|
markers = [options.marker];
|
|
delete options.marker;
|
|
}
|
|
|
|
var styles = options.styles;
|
|
|
|
delete options.styles;
|
|
|
|
var polyline = options.polyline;
|
|
delete options.polyline;
|
|
|
|
/** Map options **/
|
|
if (options.center) {
|
|
parameters.push('center=' + options.center);
|
|
delete options.center;
|
|
}
|
|
else if (options.address) {
|
|
parameters.push('center=' + options.address);
|
|
delete options.address;
|
|
}
|
|
else if (options.lat) {
|
|
parameters.push(['center=', options.lat, ',', options.lng].join(''));
|
|
delete options.lat;
|
|
delete options.lng;
|
|
}
|
|
else if (options.visible) {
|
|
var visible = encodeURI(options.visible.join('|'));
|
|
parameters.push('visible=' + visible);
|
|
}
|
|
|
|
var size = options.size;
|
|
if (size) {
|
|
if (size.join) {
|
|
size = size.join('x');
|
|
}
|
|
delete options.size;
|
|
}
|
|
else {
|
|
size = '630x300';
|
|
}
|
|
parameters.push('size=' + size);
|
|
|
|
if (!options.zoom && options.zoom !== false) {
|
|
options.zoom = 15;
|
|
}
|
|
|
|
var sensor = options.hasOwnProperty('sensor') ? !!options.sensor : true;
|
|
delete options.sensor;
|
|
parameters.push('sensor=' + sensor);
|
|
|
|
for (var param in options) {
|
|
if (options.hasOwnProperty(param)) {
|
|
parameters.push(param + '=' + options[param]);
|
|
}
|
|
}
|
|
|
|
/** Markers **/
|
|
if (markers) {
|
|
var marker, loc;
|
|
|
|
for (var i = 0; data = markers[i]; i++) {
|
|
marker = [];
|
|
|
|
if (data.size && data.size !== 'normal') {
|
|
marker.push('size:' + data.size);
|
|
delete data.size;
|
|
}
|
|
else if (data.icon) {
|
|
marker.push('icon:' + encodeURI(data.icon));
|
|
delete data.icon;
|
|
}
|
|
|
|
if (data.color) {
|
|
marker.push('color:' + data.color.replace('#', '0x'));
|
|
delete data.color;
|
|
}
|
|
|
|
if (data.label) {
|
|
marker.push('label:' + data.label[0].toUpperCase());
|
|
delete data.label;
|
|
}
|
|
|
|
loc = (data.address ? data.address : data.lat + ',' + data.lng);
|
|
delete data.address;
|
|
delete data.lat;
|
|
delete data.lng;
|
|
|
|
for(var param in data){
|
|
if (data.hasOwnProperty(param)) {
|
|
marker.push(param + ':' + data[param]);
|
|
}
|
|
}
|
|
|
|
if (marker.length || i === 0) {
|
|
marker.push(loc);
|
|
marker = marker.join('|');
|
|
parameters.push('markers=' + encodeURI(marker));
|
|
}
|
|
// New marker without styles
|
|
else {
|
|
marker = parameters.pop() + encodeURI('|' + loc);
|
|
parameters.push(marker);
|
|
}
|
|
}
|
|
}
|
|
|
|
/** Map Styles **/
|
|
if (styles) {
|
|
for (var i = 0; i < styles.length; i++) {
|
|
var styleRule = [];
|
|
if (styles[i].featureType){
|
|
styleRule.push('feature:' + styles[i].featureType.toLowerCase());
|
|
}
|
|
|
|
if (styles[i].elementType) {
|
|
styleRule.push('element:' + styles[i].elementType.toLowerCase());
|
|
}
|
|
|
|
for (var j = 0; j < styles[i].stylers.length; j++) {
|
|
for (var p in styles[i].stylers[j]) {
|
|
var ruleArg = styles[i].stylers[j][p];
|
|
if (p == 'hue' || p == 'color') {
|
|
ruleArg = '0x' + ruleArg.substring(1);
|
|
}
|
|
styleRule.push(p + ':' + ruleArg);
|
|
}
|
|
}
|
|
|
|
var rule = styleRule.join('|');
|
|
if (rule != '') {
|
|
parameters.push('style=' + rule);
|
|
}
|
|
}
|
|
}
|
|
|
|
/** Polylines **/
|
|
function parseColor(color, opacity) {
|
|
if (color[0] === '#'){
|
|
color = color.replace('#', '0x');
|
|
|
|
if (opacity) {
|
|
opacity = parseFloat(opacity);
|
|
opacity = Math.min(1, Math.max(opacity, 0));
|
|
if (opacity === 0) {
|
|
return '0x00000000';
|
|
}
|
|
opacity = (opacity * 255).toString(16);
|
|
if (opacity.length === 1) {
|
|
opacity += opacity;
|
|
}
|
|
|
|
color = color.slice(0,8) + opacity;
|
|
}
|
|
}
|
|
return color;
|
|
}
|
|
|
|
if (polyline) {
|
|
data = polyline;
|
|
polyline = [];
|
|
|
|
if (data.strokeWeight) {
|
|
polyline.push('weight:' + parseInt(data.strokeWeight, 10));
|
|
}
|
|
|
|
if (data.strokeColor) {
|
|
var color = parseColor(data.strokeColor, data.strokeOpacity);
|
|
polyline.push('color:' + color);
|
|
}
|
|
|
|
if (data.fillColor) {
|
|
var fillcolor = parseColor(data.fillColor, data.fillOpacity);
|
|
polyline.push('fillcolor:' + fillcolor);
|
|
}
|
|
|
|
var path = data.path;
|
|
if (path.join) {
|
|
for (var j=0, pos; pos=path[j]; j++) {
|
|
polyline.push(pos.join(','));
|
|
}
|
|
}
|
|
else {
|
|
polyline.push('enc:' + path);
|
|
}
|
|
|
|
polyline = polyline.join('|');
|
|
parameters.push('path=' + encodeURI(polyline));
|
|
}
|
|
|
|
/** Retina support **/
|
|
var dpi = window.devicePixelRatio || 1;
|
|
parameters.push('scale=' + dpi);
|
|
|
|
parameters = parameters.join('&');
|
|
return static_root + parameters;
|
|
};
|
|
</code></pre>
|
|
</article>
|
|
</section>
|
|
|
|
|
|
|
|
|
|
</div>
|
|
|
|
<br class="clear">
|
|
|
|
<footer>
|
|
Documentation generated by <a href="https://github.com/jsdoc3/jsdoc">JSDoc 3.4.0</a> on Sun Apr 03 2016 18:36:23 GMT-0400 (EDT) using the Minami theme.
|
|
</footer>
|
|
|
|
<script>prettyPrint();</script>
|
|
<script src="scripts/linenumber.js"></script>
|
|
</body>
|
|
</html>
|