Insertar google maps con una ruta personalizada (realizada en un archivo .kml)
Please check are there any errors in console?
Catch up wih the Appery.io community on our forum. Here you'll find information on the lastest questions and issues Appery.io developers are discussing.
https://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 ();