Apex Code Development You need to sign in to do that
Don't have an account?
Sachin Sharma 3886 VF page issue for Google map integration
When I scroll the window in IE it shows me the unspecified error at line 1 .Works fine in other browsers.
Kindly assist.
Below is the VF page:
Refer only google map integration code, I have not copied all the VF page
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<apex:includeScript value="{!URLFOR($Resource.myStyleSheet, 'jquery-ui-1.11.4.custom.min.js')}"/>
<script src="http://code.jquery.com/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript" >
$j = jquery.noConflict();
$j(document).ready(function(){
});-->
<script>
function submitListener(e){
var keynum = 0;
if (window.event){
keynum = window.event.keyCode;
}
else if (e.which){
keynum = e.which;
}
// Here we check whether the Enter button was pressed
if (keynum == 13){
onFormSubmit();
return false;
}else
{
return true;
}
}
</script>
<style>
#slider-range-min {
width: 120px;
background: black;
margin-bottom: 8px;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js">
$j = jQuery.noConflict();
$j(document).ready(function(){
});
</script>
<html>
<body>
<div id="googleMap" style="width:1300px;height:380px;border:1;" align="centre"></div>
</body>
</html>
<apex:actionFunction name="initialize" reRender="pbid">
<!--<apex:param assignTo="{!accObj.Location__latitude__s}" value="lat"/>
<apex:param assignTo="{!accObj.Location__longitude__s}" value="long"/>-->
</apex:actionFunction>
<apex:pageBlock id="pbid" >
<script src="https://maps.googleapis.com/maps/api/js"/>
<script>
var latitude="{!Acc.Location__Latitude__s}";
var longitude="{!Acc.Location__Longitude__s}";
function initialize(lat,long) {
var sizeoflist="{!size}" ;
google.maps.event.clearListeners(window, 'resize');
var mapProp = {
center:new google.maps.LatLng(lat,long),
zoom:10,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"), mapProp);
icon = "http://maps.google.com/mapfiles/ms/icons/blue.png";
var marker = new google.maps.Marker({
map:map,
position:new google.maps.LatLng(latitude,longitude),
icon: new google.maps.MarkerImage(icon),
title:"{!acc.Name},{!Acc.Location__Latitude__s},{!Acc.Location__Longitude__s}"
});
<apex:repeat value="{!SearchCourseWrapperList}" var="temp">
<apex:outputText >
var marker1 = new google.maps.Marker({
map:map,
position:new google.maps.LatLng("{!temp.JobVacancy.InstanceLocation__Latitude__s}","{!temp.JobVacancy.InstanceLocation__Longitude__s}"),
title:"{!temp.JobVacancy.Name},{!temp.JobVacancy.Course__r.CourseName__c}"
});
</apex:outputText>
</apex:repeat>
}
google.maps.event.trigger(map, "resize");
google.maps.event.addDomListener(window, 'load', initialize(latitude,longitude));
</script>
</apex:pageBlock>
</apex:form>
</apex:page>
Kindly assist.
Below is the VF page:
Refer only google map integration code, I have not copied all the VF page
<!--<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js"></script>
<script type="text/javascript" src="//ajax.googleapis.com/ajax/libs/jqueryui/1.10.3/jquery-ui.min.js"></script>
<apex:includeScript value="{!URLFOR($Resource.myStyleSheet, 'jquery-ui-1.11.4.custom.min.js')}"/>
<script src="http://code.jquery.com/jquery-1.10.1.min.js" type="text/javascript"></script>
<script type="text/javascript" >
$j = jquery.noConflict();
$j(document).ready(function(){
});-->
<script>
function submitListener(e){
var keynum = 0;
if (window.event){
keynum = window.event.keyCode;
}
else if (e.which){
keynum = e.which;
}
// Here we check whether the Enter button was pressed
if (keynum == 13){
onFormSubmit();
return false;
}else
{
return true;
}
}
</script>
<style>
#slider-range-min {
width: 120px;
background: black;
margin-bottom: 8px;
}
</style>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/2.0.2/jquery.min.js">
$j = jQuery.noConflict();
$j(document).ready(function(){
});
</script>
<html>
<body>
<div id="googleMap" style="width:1300px;height:380px;border:1;" align="centre"></div>
</body>
</html>
<apex:actionFunction name="initialize" reRender="pbid">
<!--<apex:param assignTo="{!accObj.Location__latitude__s}" value="lat"/>
<apex:param assignTo="{!accObj.Location__longitude__s}" value="long"/>-->
</apex:actionFunction>
<apex:pageBlock id="pbid" >
<script src="https://maps.googleapis.com/maps/api/js"/>
<script>
var latitude="{!Acc.Location__Latitude__s}";
var longitude="{!Acc.Location__Longitude__s}";
function initialize(lat,long) {
var sizeoflist="{!size}" ;
google.maps.event.clearListeners(window, 'resize');
var mapProp = {
center:new google.maps.LatLng(lat,long),
zoom:10,
mapTypeId:google.maps.MapTypeId.ROADMAP
};
var map=new google.maps.Map(document.getElementById("googleMap"), mapProp);
icon = "http://maps.google.com/mapfiles/ms/icons/blue.png";
var marker = new google.maps.Marker({
map:map,
position:new google.maps.LatLng(latitude,longitude),
icon: new google.maps.MarkerImage(icon),
title:"{!acc.Name},{!Acc.Location__Latitude__s},{!Acc.Location__Longitude__s}"
});
<apex:repeat value="{!SearchCourseWrapperList}" var="temp">
<apex:outputText >
var marker1 = new google.maps.Marker({
map:map,
position:new google.maps.LatLng("{!temp.JobVacancy.InstanceLocation__Latitude__s}","{!temp.JobVacancy.InstanceLocation__Longitude__s}"),
title:"{!temp.JobVacancy.Name},{!temp.JobVacancy.Course__r.CourseName__c}"
});
</apex:outputText>
</apex:repeat>
}
google.maps.event.trigger(map, "resize");
google.maps.event.addDomListener(window, 'load', initialize(latitude,longitude));
</script>
</apex:pageBlock>
</apex:form>
</apex:page>
I am using IE9.
Sachin
Mixed Content: The page at 'https://c.cs80.visual.force.com/apex/WL_Search_Courses?isCustomer=False&cjid=a0A250000006nSt' was loaded over HTTPS, but requested an insecure image 'http://maps.google.com/mapfiles/ms/icons/blue.png'. This content should also be served over HTTPS.
ie,If a HTTPS page includes HTTP content, the HTTP portion can be read or modified by attackers, even though the main page is served over HTTPS.