JSFiddle - React, Tailwind, and code Playground
JavaScript
function loadScript(src, callback) {
var script = document.createElement("script");
script.type = "text/javascript";
if(callback)script.onload=callback;
document.getElementsByTagName("head")[0].appendChild(script);
script.src = src;
}
loadScript('#');
function mapInitialize()
{
var googleMapOptions =
{
center: mapCenter,
zoom: 17,
maxZoom: 15,
minZoom: 12,
disableDoubleClickZoom: true,
zoomControlOptions: {
style: google.maps.ZoomControlStyle.SMALL
},
scaleControl: true,
mapTypeId: google.maps.MapTypeId.ROADMAP
};
map = new google.maps.Map(document.getElementById("google_map"), googleMapOptions);
//Load Markers from the XML File, Check (map_process.php)
$.get("map_process.php", function (data) {
$(data).find("marker").each(function () {
var name = $(this).attr('name');
var address = $(this).attr('address');
var type = $(this).attr('type');
var image = $(this).attr('image');
var iam = $(this).attr('iam');
if(iam == 'lost'){
var color = "pin_blue.svg"
}else{
color = "pin_green.svg"
}
var getAll = '<div class="marker-info-win">'+
'<div class="marker-inner-win"><span class="info-content">'+
'<p>'+i+' '+iam+' '+the+': '+type+'</p>'+
'<img class="image_info_google" src="'+image+'" alt="photo">'+
'<p>'+description+': '+address+'</p>'
'</span><button name="remove-marker" class="remove-marker" title="Remove Marker">'+removeMark+'</button>'+
'<div class="error-message"></div>'+
'</div></div>';
var point = new google.maps.LatLng(parseFloat($(this).attr('lat')),parseFloat($(this).attr('lng')));
create_marker(point, name, getAll, false, false, false, color);
});
});
//Right Click to Drop a New Marker
google.maps.event.addListener(map, 'rightclick', function(event) {
var...