<H1> Plot, save and share multiple addresses with an easy to create customized map. </H1> |
<H1>
Place Marker
</H1> |
<H1>
Multiplottr 3.0 Beta </H1> |
<H1>
Login </H1> |
<H1>
My Maps </H1> |
<H1>
My Account </H1> |
<H1>
Contact us </H1> |
<H1> '+$('#markerHeader').val()+' </H1> |
<H1> '+$('#markerHeader').val()+' </H1> |
<H1> </H1> |
<H1> ') {
var markerHeader = bodycontent[0];
markerHeader = markerHeader.replace('', '');
$('#markerHeader').val(markerHeader);
thisMD = bodycontent[1];
} else {
markerHeader = '';
thisMD = oldThisMD;
}
tinyMCE.get('markerTextArea').setcontent(thisMD);
$('#markerList li img').removeClass('selected');
$('#markerList li img[alt="'+thisMT+'"]').addClass('selected');
var src = $('#markerSelection section ul li .selected').attr('src');
$('.currentMarker').html('');
$('#markername').val(thisMT);
markerTypeOptions='';
var iconImage;
if (thisMT.substr(0,4) == 'HTTP' || thisMT.substr(0,4) == 'http' ) {
iconImage = new google.maps.MarkerImage(thisMT);
} else {
iconImage = new google.maps.MarkerImage('images/'+thisMT+'Marker.png');
}
editted=true;
if (placeMarkerOn) {
var removeMarker = placedMarkers[oldPlacedMarker];
removeMarker.setMap(null);
placeMarkerOn=false;
}
for (var i = 0; i '+val+'';
} else {
markerTypeOptions = markerTypeOptions+''+val+'';
}
}
getGroupnames(thisMG);
thisNewMarkercontent = ''+oldThisMD+'';
var fieldZeroArray = thisLocation.split(',');
var latty1 = fieldZeroArray[0];
var longy2 = fieldZeroArray[1];
$('#markerAddress').val(latty1+', '+longy2);
thisNewColorMarker = new google.maps.Marker({
position: new google.maps.LatLng(latty1,longy2),
map: map,
icon: iconImage,
content: thisNewMarkercontent,
clickable:true,
draggable: true
});
carryPosition = thisNewColorMarker.position;
ib.close();
ib.setcontent(thisNewColorMarker.content);
ib.open(map, thisNewColorMarker);
google.maps.event.addListener(thisNewColorMarker, 'click', function () {
ib.close();
ib.setcontent(thisNewColorMarker.content);
ib.open(map, thisNewColorMarker);
});
google.maps.event.addListener (thisNewColorMarker, 'drag', function (event) {
carryPosition = thisNewColorMarker.position;
$('#markerAddress').val(thisNewColorMarker.position.lat()+', '+thisNewColorMarker.position.lng());
});
}
var oldPlacedMarker;
var placedMarkers = {};
function placeMarker(position, map) {
$('#submitMarker').show();
$('#updateMarker').hide();
$('#markerList').hide();
$('#markerSelection .container').show();
$('#addAddress').show();
var thisMarkername;
var thisMarkerFilename = $('#markerList li .selected').attr('src');
if (thisMarkerFilename.substr(0,4) == 'HTTP' || thisMarkerFilename.substr(0,4) == 'http' ) {
thisMarkername = thisMarkerFilename;
$('#markername').val(thisMarkername);
} else {
thisMarkername=$('#markerList li .selected').attr('alt');
}
markerTypeOptions='';
editted=false;
if (placeMarkerOn) {
var removeMarker = placedMarkers[oldPlacedMarker];
removeMarker.setMap(null);
placeMarkerOn=false;
}
for (var i = 0; i '+val+'';
} else {
markerTypeOptions = markerTypeOptions+''+val+'';
}
}
getGroupnames('group0');
var markercontentHeader = ''+$('#markerHeader').val()+'';
var markercontentBody = tinyMCE.get('markerTextArea').getcontent();
var allMarkercontent;
if (markercontentHeader == '') {
allMarkercontent=markercontentBody
} else {
allMarkercontent=markercontentBody=markercontentHeader+markercontentBody;
}
newMarkercontent = ''+allMarkercontent+'';
if ((thisMarkername.substring(0,4)=='http')||(thisMarkername.substring(0,4)=='HTTP')) {
iconImage = new google.maps.MarkerImage(thisMarkername);
} else {
iconImage = new google.maps.MarkerImage('images/'+thisMarkername+'Marker.png');
}
newColorMarker = new google.maps.Marker({
position: position,
map: map,
icon: iconImage,
//title: 'title',
content: newMarkercontent,
//zIndex: zItem,
clickable:true,
draggable: true
});
carryPosition = newColorMarker.position;
$('#markerAddress').val(newColorMarker.position.lat()+', '+newColorMarker.position.lng());
placeMarkerOn=true;
oldPlacedMarker=newColorMarker.__gm_id;
placedMarkers[oldPlacedMarker] = newColorMarker;
google.maps.event.addListener(newColorMarker, 'click', function () {
ib.close();
ib.setcontent(newColorMarker.content);
ib.open(map, newColorMarker);
});
google.maps.event.addListener(newColorMarker, 'dblclick', function () {
infowindow.close();
$('.infoBox').hide();
newColorMarker.setVisible(false);
});
google.maps.event.addListener(newColorMarker, 'mouseup', function () {
carryPosition = newColorMarker.position;
google.maps.event.addListener (newColorMarker, 'drag', function (event) {
carryPosition = newColorMarker.position;
$('#markerAddress').val(newColorMarker.position.lat()+', '+newColorMarker.position.lng());
});
});
allTheMarkers.push(newColorMarker);
ib.setcontent(newColorMarker.content);
ib.close();
// ib.open(map, newColorMarker);
}
function CustomMapType() {}
CustomMapType.prototype.tileSize = new google.maps.Size(256,256);
CustomMapType.prototype.maxZoom = 20;
CustomMapType.prototype.minZoom = 2;
CustomMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
var div = ownerDocument.createElement('DIV');
var baseURL = '';
baseURL += zoom + '_' + coord.x + '_' + coord.y + '.png';
div.style.width = this.tileSize.width + 'px';
div.style.height = this.tileSize.height + 'px';
div.style.backgroundColor = '#90b8cc';
div.style.backgroundImage = 'url(' + baseURL + ')';
return div;
};
CustomMapType.prototype.name = 'Custom';
CustomMapType.prototype.alt = 'Tile Coordinate Map Type';
var CustomMapType = new CustomMapType();
google.maps.visualRefresh = true;
function initialize(){
var dataString='#ff0000';
var mapCircle;
var latty='15';
var longy='-42';
if (latty=='') {latty='0';}
if (longy=='') {longy='0';}
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
streetViewControl:false,
disableDoubleClickZoom: false,
mapTypeControl: true,
minZoom: 2,
maxZoom: 20,
navigationControl: true,
zoomControl: true,
disableDefaultUI: false,
scaleControl: false,
overviewMapControl: false,
draggable:true,
zoom: 11,
center: new google.maps.LatLng(latty,longy),
mapTypeControl: true,
panControl:false,
navigationControl: true,
zoomControl: true,
streetViewControl: false,
scaleControl: true,
overviewMapControl: false,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
}
map = new google.maps.Map(document.getElementById('map_canvas'),myOptions);
geocoder = new google.maps.Geocoder();
// CUSTOM MAP
loadCustomMap = '';
if (loadCustomMap==1) {
map.mapTypes.set('custom',CustomMapType);
map.setMapTypeId('custom');
}
allowEdit = true;
function createMarker(ii, zItem, thisGroupname) {
thisArrayType = 'createMarker';
if (!Array.indexOf) {
Array.prototype.indexOf = function (obj, start) {
for (var i = (start || 0); i EditDeleteGoogle Map It'
} else {infoBoxEnding='Google Map It'}
if ( ii.indexOf('') >= 0) {
var thisLabelcontent = ii.split('')[1].split('')[0];
} else
{thisLabelcontent='Nada'; showLabel = false;}
var colorMarker = new MarkerWithLabel({
position: myLatLng,
map: map,
icon: iconImage,
clickable:true,
labelcontent: thisLabelcontent,
labelAnchor: new google.maps.Point(-13, 50),
labelClass: 'markerLabels', // the CSS class for the label
labelVisible: showLabel
});
google.maps.event.addListener(colorMarker, 'click', function (e) {
ib.close();
ib.setcontent(''+ii+' '+infoBoxEnding+'');
ib.open(map, colorMarker);
});
google.maps.event.addListener(colorMarker, 'dblclick', function (e) {
infowindow.close();
$('.infoBox').hide();
colorMarker.setVisible(false);
});
thisBatch.push(colorMarker);
return thisBatch;
}
var listener = google.maps.event.addListener(map, 'bounds_changed', function(){
setupMarkers();
google.maps.event.removeListener(listener);
//var groupControlDiv = document.createElement('div');
// var groupControl = new GroupControl(groupControlDiv, map);
// groupControlDiv.index = 1;
// map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(groupControlDiv);
//var homeControlDiv = document.createElement('div');
// var homeControl = new HomeControl(homeControlDiv, map);
// homeControlDiv.index = 1;
// map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(homeControlDiv);
});
allmarkers.length = 0;
var markers = [];
var bound = new google.maps.LatLngBounds();
dontPlot=false;
var myGroupname = 'CENTER';
var iconname = 'CENTER';
var iconZoomLevel = +'3';
var thisLatitude = 15;
var thisLongitude = -42
var myLatLng = new google.maps.LatLng(thisLatitude,thisLongitude);
dontPlot=true;
map.setCenter(myLatLng);
lockedCenter=myLatLng;
map.setZoom(iconZoomLevel);
if (matchMedia('only screen and (max-width: 480px)').matches) {
if ((thisLatitude =='15' ) && (thisLongitude =='-42' )){map.setZoom(2);}
}
setCenter = true;
var iconImage = new google.maps.MarkerImage('images/CENTERMarker.png');
iconImagename = 'images/CENTERMarkerMarker.png';
if (!dontPlot) {bound.extend(myLatLng);}
var markerDescript = '3';
var item=0;
checkGroupnames(myGroupname);
var myGroupnameStyle = myGroupname.replace(/ /g,'_');
if (!dontPlot) {
side_bar_html += ' </H1> |
<H1> ', '');
$('#markerHeader').val(markerHeader);
thisMD = bodycontent[1];
} else {
markerHeader = '';
thisMD = oldThisMD;
}
tinyMCE.get('markerTextArea').setcontent(thisMD);
$('#markerList li img').removeClass('selected');
$('#markerList li img[alt="'+thisMT+'"]').addClass('selected');
var src = $('#markerSelection section ul li .selected').attr('src');
$('.currentMarker').html('');
$('#markername').val(thisMT);
markerTypeOptions='';
var iconImage;
if (thisMT.substr(0,4) == 'HTTP' || thisMT.substr(0,4) == 'http' ) {
iconImage = new google.maps.MarkerImage(thisMT);
} else {
iconImage = new google.maps.MarkerImage('images/'+thisMT+'Marker.png');
}
editted=true;
if (placeMarkerOn) {
var removeMarker = placedMarkers[oldPlacedMarker];
removeMarker.setMap(null);
placeMarkerOn=false;
}
for (var i = 0; i '+val+'';
} else {
markerTypeOptions = markerTypeOptions+''+val+'';
}
}
getGroupnames(thisMG);
thisNewMarkercontent = ''+oldThisMD+'';
var fieldZeroArray = thisLocation.split(',');
var latty1 = fieldZeroArray[0];
var longy2 = fieldZeroArray[1];
$('#markerAddress').val(latty1+', '+longy2);
thisNewColorMarker = new google.maps.Marker({
position: new google.maps.LatLng(latty1,longy2),
map: map,
icon: iconImage,
content: thisNewMarkercontent,
clickable:true,
draggable: true
});
carryPosition = thisNewColorMarker.position;
ib.close();
ib.setcontent(thisNewColorMarker.content);
ib.open(map, thisNewColorMarker);
google.maps.event.addListener(thisNewColorMarker, 'click', function () {
ib.close();
ib.setcontent(thisNewColorMarker.content);
ib.open(map, thisNewColorMarker);
});
google.maps.event.addListener (thisNewColorMarker, 'drag', function (event) {
carryPosition = thisNewColorMarker.position;
$('#markerAddress').val(thisNewColorMarker.position.lat()+', '+thisNewColorMarker.position.lng());
});
}
var oldPlacedMarker;
var placedMarkers = {};
function placeMarker(position, map) {
$('#submitMarker').show();
$('#updateMarker').hide();
$('#markerList').hide();
$('#markerSelection .container').show();
$('#addAddress').show();
var thisMarkername;
var thisMarkerFilename = $('#markerList li .selected').attr('src');
if (thisMarkerFilename.substr(0,4) == 'HTTP' || thisMarkerFilename.substr(0,4) == 'http' ) {
thisMarkername = thisMarkerFilename;
$('#markername').val(thisMarkername);
} else {
thisMarkername=$('#markerList li .selected').attr('alt');
}
markerTypeOptions='';
editted=false;
if (placeMarkerOn) {
var removeMarker = placedMarkers[oldPlacedMarker];
removeMarker.setMap(null);
placeMarkerOn=false;
}
for (var i = 0; i '+val+'';
} else {
markerTypeOptions = markerTypeOptions+''+val+'';
}
}
getGroupnames('group0');
var markercontentHeader = ''+$('#markerHeader').val()+'';
var markercontentBody = tinyMCE.get('markerTextArea').getcontent();
var allMarkercontent;
if (markercontentHeader == '') {
allMarkercontent=markercontentBody
} else {
allMarkercontent=markercontentBody=markercontentHeader+markercontentBody;
}
newMarkercontent = ''+allMarkercontent+'';
if ((thisMarkername.substring(0,4)=='http')||(thisMarkername.substring(0,4)=='HTTP')) {
iconImage = new google.maps.MarkerImage(thisMarkername);
} else {
iconImage = new google.maps.MarkerImage('images/'+thisMarkername+'Marker.png');
}
newColorMarker = new google.maps.Marker({
position: position,
map: map,
icon: iconImage,
//title: 'title',
content: newMarkercontent,
//zIndex: zItem,
clickable:true,
draggable: true
});
carryPosition = newColorMarker.position;
$('#markerAddress').val(newColorMarker.position.lat()+', '+newColorMarker.position.lng());
placeMarkerOn=true;
oldPlacedMarker=newColorMarker.__gm_id;
placedMarkers[oldPlacedMarker] = newColorMarker;
google.maps.event.addListener(newColorMarker, 'click', function () {
ib.close();
ib.setcontent(newColorMarker.content);
ib.open(map, newColorMarker);
});
google.maps.event.addListener(newColorMarker, 'dblclick', function () {
infowindow.close();
$('.infoBox').hide();
newColorMarker.setVisible(false);
});
google.maps.event.addListener(newColorMarker, 'mouseup', function () {
carryPosition = newColorMarker.position;
google.maps.event.addListener (newColorMarker, 'drag', function (event) {
carryPosition = newColorMarker.position;
$('#markerAddress').val(newColorMarker.position.lat()+', '+newColorMarker.position.lng());
});
});
allTheMarkers.push(newColorMarker);
ib.setcontent(newColorMarker.content);
ib.close();
// ib.open(map, newColorMarker);
}
function CustomMapType() {}
CustomMapType.prototype.tileSize = new google.maps.Size(256,256);
CustomMapType.prototype.maxZoom = 20;
CustomMapType.prototype.minZoom = 2;
CustomMapType.prototype.getTile = function(coord, zoom, ownerDocument) {
var div = ownerDocument.createElement('DIV');
var baseURL = '';
baseURL += zoom + '_' + coord.x + '_' + coord.y + '.png';
div.style.width = this.tileSize.width + 'px';
div.style.height = this.tileSize.height + 'px';
div.style.backgroundColor = '#90b8cc';
div.style.backgroundImage = 'url(' + baseURL + ')';
return div;
};
CustomMapType.prototype.name = 'Custom';
CustomMapType.prototype.alt = 'Tile Coordinate Map Type';
var CustomMapType = new CustomMapType();
google.maps.visualRefresh = true;
function initialize(){
var dataString='#ff0000';
var mapCircle;
var latty='15';
var longy='-42';
if (latty=='') {latty='0';}
if (longy=='') {longy='0';}
var myOptions = {
mapTypeId: google.maps.MapTypeId.ROADMAP,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
streetViewControl:false,
disableDoubleClickZoom: false,
mapTypeControl: true,
minZoom: 2,
maxZoom: 20,
navigationControl: true,
zoomControl: true,
disableDefaultUI: false,
scaleControl: false,
overviewMapControl: false,
draggable:true,
zoom: 11,
center: new google.maps.LatLng(latty,longy),
mapTypeControl: true,
panControl:false,
navigationControl: true,
zoomControl: true,
streetViewControl: false,
scaleControl: true,
overviewMapControl: false,
mapTypeControlOptions: {style: google.maps.MapTypeControlStyle.DROPDOWN_MENU},
}
map = new google.maps.Map(document.getElementById('map_canvas'),myOptions);
geocoder = new google.maps.Geocoder();
// CUSTOM MAP
loadCustomMap = '';
if (loadCustomMap==1) {
map.mapTypes.set('custom',CustomMapType);
map.setMapTypeId('custom');
}
allowEdit = true;
function createMarker(ii, zItem, thisGroupname) {
thisArrayType = 'createMarker';
if (!Array.indexOf) {
Array.prototype.indexOf = function (obj, start) {
for (var i = (start || 0); i EditDeleteGoogle Map It'
} else {infoBoxEnding='Google Map It'}
if ( ii.indexOf('') >= 0) {
var thisLabelcontent = ii.split('')[1].split('')[0];
} else
{thisLabelcontent='Nada'; showLabel = false;}
var colorMarker = new MarkerWithLabel({
position: myLatLng,
map: map,
icon: iconImage,
clickable:true,
labelcontent: thisLabelcontent,
labelAnchor: new google.maps.Point(-13, 50),
labelClass: 'markerLabels', // the CSS class for the label
labelVisible: showLabel
});
google.maps.event.addListener(colorMarker, 'click', function (e) {
ib.close();
ib.setcontent(''+ii+' '+infoBoxEnding+'');
ib.open(map, colorMarker);
});
google.maps.event.addListener(colorMarker, 'dblclick', function (e) {
infowindow.close();
$('.infoBox').hide();
colorMarker.setVisible(false);
});
thisBatch.push(colorMarker);
return thisBatch;
}
var listener = google.maps.event.addListener(map, 'bounds_changed', function(){
setupMarkers();
google.maps.event.removeListener(listener);
//var groupControlDiv = document.createElement('div');
// var groupControl = new GroupControl(groupControlDiv, map);
// groupControlDiv.index = 1;
// map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(groupControlDiv);
//var homeControlDiv = document.createElement('div');
// var homeControl = new HomeControl(homeControlDiv, map);
// homeControlDiv.index = 1;
// map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(homeControlDiv);
});
allmarkers.length = 0;
var markers = [];
var bound = new google.maps.LatLngBounds();
dontPlot=false;
var myGroupname = 'CENTER';
var iconname = 'CENTER';
var iconZoomLevel = +'3';
var thisLatitude = 15;
var thisLongitude = -42
var myLatLng = new google.maps.LatLng(thisLatitude,thisLongitude);
dontPlot=true;
map.setCenter(myLatLng);
lockedCenter=myLatLng;
map.setZoom(iconZoomLevel);
if (matchMedia('only screen and (max-width: 480px)').matches) {
if ((thisLatitude =='15' ) && (thisLongitude =='-42' )){map.setZoom(2);}
}
setCenter = true;
var iconImage = new google.maps.MarkerImage('images/CENTERMarker.png');
iconImagename = 'images/CENTERMarkerMarker.png';
if (!dontPlot) {bound.extend(myLatLng);}
var markerDescript = '3';
var item=0;
checkGroupnames(myGroupname);
var myGroupnameStyle = myGroupname.replace(/ /g,'_');
if (!dontPlot) {
side_bar_html += ' </H1> |
<H1> '+$('#markerHeader').val()+' </H1> |
<H1> </H1> |
<H1> ') >= 0) {
var thisLabelcontent = ii.split('')[1].split('')[0];
} else
{thisLabelcontent='Nada'; showLabel = false;}
var colorMarker = new MarkerWithLabel({
position: myLatLng,
map: map,
icon: iconImage,
clickable:true,
labelcontent: thisLabelcontent,
labelAnchor: new google.maps.Point(-13, 50),
labelClass: 'markerLabels', // the CSS class for the label
labelVisible: showLabel
});
google.maps.event.addListener(colorMarker, 'click', function (e) {
ib.close();
ib.setcontent(''+ii+' '+infoBoxEnding+'');
ib.open(map, colorMarker);
});
google.maps.event.addListener(colorMarker, 'dblclick', function (e) {
infowindow.close();
$('.infoBox').hide();
colorMarker.setVisible(false);
});
thisBatch.push(colorMarker);
return thisBatch;
}
var listener = google.maps.event.addListener(map, 'bounds_changed', function(){
setupMarkers();
google.maps.event.removeListener(listener);
//var groupControlDiv = document.createElement('div');
// var groupControl = new GroupControl(groupControlDiv, map);
// groupControlDiv.index = 1;
// map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(groupControlDiv);
//var homeControlDiv = document.createElement('div');
// var homeControl = new HomeControl(homeControlDiv, map);
// homeControlDiv.index = 1;
// map.controls[google.maps.ControlPosition.RIGHT_BOTTOM].push(homeControlDiv);
});
allmarkers.length = 0;
var markers = [];
var bound = new google.maps.LatLngBounds();
dontPlot=false;
var myGroupname = 'CENTER';
var iconname = 'CENTER';
var iconZoomLevel = +'3';
var thisLatitude = 15;
var thisLongitude = -42
var myLatLng = new google.maps.LatLng(thisLatitude,thisLongitude);
dontPlot=true;
map.setCenter(myLatLng);
lockedCenter=myLatLng;
map.setZoom(iconZoomLevel);
if (matchMedia('only screen and (max-width: 480px)').matches) {
if ((thisLatitude =='15' ) && (thisLongitude =='-42' )){map.setZoom(2);}
}
setCenter = true;
var iconImage = new google.maps.MarkerImage('images/CENTERMarker.png');
iconImagename = 'images/CENTERMarkerMarker.png';
if (!dontPlot) {bound.extend(myLatLng);}
var markerDescript = '3';
var item=0;
checkGroupnames(myGroupname);
var myGroupnameStyle = myGroupname.replace(/ /g,'_');
if (!dontPlot) {
side_bar_html += ' </H1> |
<H1> ')[1].split(' </H1> |
<H2> Plot Multiple Addresses </H2> |
<H2> Map Settings </H2> |
<H2> Map title </H2> |
<H2> Login </H2> |
<H2> Forgot Password </H2> |
<H2> My Account </H2> |
<H2> Groups </H2> |
<H2> Legend </H2> |
<H2> Share </H2> |
<H2> Default Marker </H2> |
<H2> Groups </H2> |
<H2> Marker Header </H2> |
<H2> Marker description </H2> |
<H2> Share Location </H2> |
Social
Social Data
Cost and overhead previously rendered this semi-public form of communication unfeasible.
But advances in social networking technology from 2004-2010 has made broader concepts of sharing possible.