Forum | Appery.io

Please check are there any errors in console?

function initialize() {
var chicago = new google.maps.LatLng(37.63, -122.424);
var mapOptions = {
zoom: 11,
center: chicago,
mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = Appery("googlemap_10").gmap;

var sfLatlng = new google.maps.LatLng(37.775, -122.4183333);
var marker = new google.maps.Marker({
position: sfLatlng,
map: map,
title: "San Francisco",
icon: http://i.imgur.com/QtWkT.png
});

google.maps.event.addDomListener(window, 'load', initialize);

function initialize() {
var chicago = new google.maps.LatLng(37.63, -122.424);
var mapOptions = {
zoom: 11,
center: chicago,
mapTypeId: google.maps.MapTypeId.ROADMAP
}

var map = Appery("googlemap_10").gmap;

var sfLatlng = new google.maps.LatLng(37.775, -122.4183333);
var marker = new google.maps.Marker({
position: sfLatlng,
map: map,
title: "San Francisco",
icon: http://i.imgur.com/QtWkT.png
});

I want to open in this marker a new appery page.

But I don't know to program in javascript verry well

Hi Laura,

Please click F12 and see if there are any console errors.

3
from sortable start mobile.js:6
from sortable change collapsblock_content id:7D2EB69E-D0A5-38C5-BF39-20FBE65C874C mobile.js:6
from sortable change collapsblock_content id:7D2EB69E-D0A5-38C5-BF39-20FBE65C874C mobile.js:6
receive mobile.js:6
update mobile.js:6
from sortable start mobile.js:6
Failed to load resource http://appery.io/app/rest/html5/user/...
Failed to load resource http://appery.io:3000/socket.io/1/?t=...
Uncaught InvalidStateError: An attempt was made to use an object that is not, or is no longer, usable. socket.io.js?build=15055:22
Document was loaded from Application Cache with manifest http://appery.io/app/resources/editor... editor:1
4
Application Cache Checking event editor:1
4
Application Cache NoUpdate event

Don't worry about the question above.

I would like to know how to open the market on another page of the appery.

var myOptions = {
zoom :8,
center: new google.maps.LatLng(37.63, -122.424),
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map($('div[dsid="googlemap_2"]').get(0), myOptions);

//San Francisco, with custom marker
var sfLatlng = new google.maps.LatLng(37.775, -122.4183333);
var marker = new google.maps.Marker({
position: sfLatlng,
map: map,
title: "San Francisco",
icon: "http://i.imgur.com/QtWkT.png"
});

//San Jose
var sjLatlng = new google.maps.LatLng(37.3394444, -121.8938889);
var marker = new google.maps.Marker({
position: sjLatlng,
map: map,
title: "San Jose"
});

window.open(page, 'screen1');

thanks!!!!!!!!!!!!!!!!!!!!!

oh

window.open(market, screen1)

???????????

I don't know to do.

Thank you for your help!

I have already learned to do it!

Thank you!

Hello! I have a question.

I want to load me this code in my screen but I don't know it.

var myOptions = {
zoom :13,
center: new google.maps.LatLng(38.8600, -0.4796),
mapTypeId: google.maps.MapTypeId.ROADMAP
};

var map = new google.maps.Map($('div[dsid="googlemap_1"]').get(0), myOptions);

var sfLatlng = new google.maps.LatLng(38.8167, -0.6167);
var marker = new google.maps.Marker({
position: sfLatlng,
map: map,
title: "Ontinyent",
icon: "http://i.imgur.com/QtWkT.png"
});

google.maps.event.addListener (marker, 'click', function () {
Appery.navigateTo ('rutaontinyent', {reverse: false});
});

var sjLatlng = new google.maps.LatLng(38.8394, -0.5202);
var marker = new google.maps.Marker({
position: sjLatlng,
map: map,
title: "Albaida"
icon: "http://i.imgur.com/QtWkT.png"
});

google.maps.event.addListener (marker, 'click', function () {
Appery.navigateTo ('Screen3', {reverse: false});
});

var sjLatlng = new google.maps.LatLng(38.7667, -0.667);
var marker = new google.maps.Marker({
position: sjLatlng,
map: map,
title: "Bocairent"
icon: "http://i.imgur.com/QtWkT.png"
});

google.maps.event.addListener (marker, 'click', function () {
Appery.navigateTo ('Screen3', {reverse: false});
});

var sjLatlng = new google.maps.LatLng(38..9435, -0.3337);
var marker = new google.maps.Marker({
position: sjLatlng,
map: map,
title: "Llutxent"
icon: "http://i.imgur.com/QtWkT.png"
});

google.maps.event.addListener (marker, 'click', function () {
Appery.navigateTo ('Screen3', {reverse: false});
});

sorry. Thanks for your help!!!!!

a) Create new / JavaScript
b) function googleMapFunction (){
//...Add here your code
}
c) On Load event for page with map invoke function:
googleMapFunction ();